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"> × </a> <strong>警告!</strong>您的网络连接有问题。 </div> </body> </html>
以上是Bootstrap下載與導入實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!