Rumah > Artikel > hujung hadapan web > Bootstrap下载与导入实例

Bootstrap下载与导入实例

PHPzasal: 2018-06-28 16:37:552671semak imbas

1. 通常是先导入css

2. bootstrap依赖jQuery库,所有jQuery必须先导入

3. 最后再导入bootstrap的js文件,如果你的项目用不到bootstrap插件,可以不导入

1. 所有样式全部采用class添加

2. 各种效果可以累加到一个元素上

【相关视频推荐：Bootstrap教程】

<!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>

Atas ialah kandungan terperinci Bootstrap下载与导入实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：HTML5 input placeholder的颜色修改Artikel seterusnya：Bootstrap栅格布局系统实例

Artikel berkaitan

Lihat lagi

Bootstrap下载与导入实例