How to add a close button in bootstrap

How to add the bootstrap close button: first open the corresponding code file; then add the close class to the or element; finally click the icon to make the modal box and warning box disappear.

The operating environment of this tutorial: windows7 system, bootstrap3 version, Dell G3 computer.

Related tutorial recommendations: "bootstrap tutorial"

Close button

is If you add the .close class to the or element, it will be given an icon symbolizing close. Click the icon to make the modal box and warning box disappear. For example:

<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<a class="close"><span aria-hidden="true">&times;</span></a>

The effect is shown in Figure 2‑82:

Related introduction:

Bootstrap is a free front-end framework. It is a framework developed based on HTML, JavaScript, and CSS. It is mainly used for the structure and layout of responsive websites. The emergence of Bootstrap is mainly to simplify the work of web workers, which also includes dynamic adjustments in JavaScript.

Use the bootstrap framework to create a responsive website. Bootstrap can be used on devices with different resolutions such as PCs and mobile phones. We don’t need to worry about the display effect depending on the device. Currently, all browsers support Bootstrap, so when we build a website, we should not consider browser compatibility issues.

The above is the detailed content of How to add a close button in bootstrap. For more information, please follow other related articles on the PHP Chinese website!