masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > Bootstrap下载与导入实例

Bootstrap下载与导入实例

PHPz
Lepaskan： 2018-10-15 15:43:58
asal
2711 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!

Label berkaitan：
bootstrap下载，bootstrap导入
sumber：php.cn
Artikel sebelumnya：HTML5 input placeholder的颜色修改 Artikel seterusnya：Bootstrap栅格布局系统实例
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
Artikel terbaru oleh pengarang
Isu terkini
Paparkan fail PDF AWS dalam mod Bootstrap dalam Laravel Saya telah memuat turun url aws seperti https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std...
daripada 2024-04-04 22:16:18
0
1
1450
Penomboran halaman web HTML dalam Chrome Saya cuba membuat penomboran selepas bekas div halaman penuh. Sama seperti memuatkan halam...
daripada 2024-04-02 23:26:08
0
1
404
Tidak dapat membuka Uibuilder (Node-red) pada Rasberry pi Saya telah berjaya memasang Node-RED pada Rasberrypi saya dan juga mengimport proses yang ...
daripada 2024-03-31 23:25:51
0
1
347
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan