How to add style sheet to bootstrap

Bootstrap is the world's most popular front-end component library for developing responsive layout, mobile-first WEB projects.

Bootstrap (Recommended learning: Bootstrap video tutorial)

<!--  Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
 
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
 
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
 
<!--  Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>

It can be seen from this Bootstrap uses the tag to add css style sheets.

tag defines the relationship between the document and external resources.

The most common use of the tag is to link style sheets.

Note: The link element is an empty element, it only contains attributes.

Note: This element can only exist in the head section, but it can appear any number of times.

Global attributes

The tag supports global attributes in HTML.

Event attributes

tag supports event attributes in HTML.

For more technical articles related to Bootstrap, please visit the Bootstrap Tutorial column to learn!

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