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

Bootstrap download and import examples

PHPzOriginal: 2018-06-28 16:37:552702browse

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>

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!

Statement：

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

Previous article：Color modification of HTML5 input placeholderNext article：Color modification of HTML5 input placeholder

See more