django學習入門系列之第三點《BootSrap初了解》

文章目錄

初識BootStrap
往期回顧

初識BootStrap

BootSrap是什么？
是別人幫我們已寫好的CSS樣式，我們如果想要使用這個BootSrap：

下載BootStrap
使用
- 在頁面上引入BootStrap
- 編寫HTML時，按照BootStrap的規定來編寫 + 自定制

官網：

https://www.bootcss.com/

v3：

https://v3.bootcss.com/

在html文件中需要添加的：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!-- 開發版本  --><link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css"><!-- 生產版本（壓縮版）   --><link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css"></head>
<body></body>
</html>

 <link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css"><link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css">

文件結構

往期回顧

1.【快速開發網站】
2.【瀏覽器能識別的標簽1】
3.【瀏覽器能識別的標簽2】
4.【瀏覽器能識別的標簽3】
5.【瀏覽器能識別的標簽4】
6.【案例1：用戶注冊】
7.【案例2：用戶注冊改進】
8.【快速了解 CSS】
9.【常用選擇器概念講解】
10.【CSS基礎樣式介紹1】
11.【CSS基礎樣式介紹2】
12.【CSS基礎樣式介紹3】
13.【CSS基礎樣式介紹3】
14.【案例小米商城頭標】
15.【案例小米商城頭標總結】
16.【案例小米商城二級菜單】
17.【案例商品推薦部分】
18.【偽類簡單了解】
19.【position】
20.【案例小米商城中app圖標代碼】
21.【邊框及總結】

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/web/37941.shtml
繁體地址，請注明出處：http://hk.pswp.cn/web/37941.shtml
英文地址，請注明出處：http://en.pswp.cn/web/37941.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！