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

Bootstrap下载与导入实例

PHPz
Lepaskan: 2018-10-15 15:43:58
asal
2771 orang telah melayarinya

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>
Salin selepas log masuk

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

Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan