Home > Web Front-end > CSS Tutorial > Bootstrap download and import examples

Bootstrap download and import examples

PHPz
Release: 2018-10-15 15:43:58
Original
2723 people have browsed it

1. Usually the css is imported first

2. Bootstrap relies on the jQuery library, all jQuery must be imported first

3. Finally, import the bootstrap js file, if your project does not use it To the bootstrap plug-in, you don’t need to import

1. All styles are added using class

2. Various effects can be accumulated on one element

[Related video recommendations:Bootstrap tutorial

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!--导入bootstrap的css样式文件-->
    <link rel="stylesheet" href="dist/css/bootstrap.css">
    <!--必须先导入jQuery-->
    <script src="jquery-3.2.1.js"></script>
    <script src="dist/js/bootstrap.js"></script>
    <title>Bootstrap下载与导入</title>
</head>
<body>
<img src="1.jpg" alt="" class="img-circle img-responsive">
<div class="alert alert-warning">
    <a href="#" data-dismiss="alert">
        &times;
    </a>
    <strong>警告!</strong>您的网络连接有问题。
</div>
</body>
</html>
Copy after login

The above is the detailed content of Bootstrap download and import examples. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template