一、bootstrap簡介
1.bootstrap起初是由twitter兩個人開發的，2023年在github上發布開源專案。
2.bootstrap的優點：
1）移動裝置優先：自 bootstrap 3 起，框架包含了貫穿於整個庫的移動裝置優先的樣式。
2）瀏覽器支援：所有的主流瀏覽器都支援bootstrap。
3）容易上手：只要有html、css、js的基礎，就可以輕鬆學習bootstrap了。
4）響應式設計：bootstrap的響應式css能夠自適應於台式電腦以及各種移動終端。 5）
。 2.解壓後得到的層級關係（資料夾）如下：
bootstrap：
-- dist
----css
----fonts
-----js
值得一說的是：fonts資料夾下的glyphicons 的字型，是乙個可選的 bootstrap 主題。
三、html模板：（摘自w3cschool 教程）
乙個使用了bootstrap的基本html模板如下：
以上**包括瀏覽器相容的一些操作。
note: less 是一門css預處理語言。讓css易於維護與擴充。less 可以執行在 node、瀏覽器和 rhino 平台上。
內嵌於瀏覽器的測試編輯工具：
視覺化布局：
bootstrap學習筆記2
bootstrap提供了許多的樣式類，裡面的樣式包括排版 表單等等。bootstrap內建了一套響應式 移動裝置優先的流式柵格系統，系統自動最多分為12列。柵格系統的工作原理 1.行 row 必須包含在.container中，以便為其賦予合適的排列 alignment 和內補 padding 2.使...
前端學習筆記 bootstrap 2
前端學習筆記 bootstrap 2 二 柵格系統 1.組成 bootstrap 提供了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕或視口 viewport 尺寸的增加，系統會自動分為最多12列。柵格系統用於通過一系列的行 row 與列 column 的組合來建立頁面布局，你的內容就可以放入這些...
bootstrap學習筆記
學習 然後對bootstrap進行引用 柵格系統中，列數是12，行數不固定 例項 手機 平板 桌面 在上面案例的基礎上，通過使用針對平板裝置的 col sm 類，我們來建立更加動態和強大的布局吧。col xs 12 col sm 6 col md 8 col xs 6 col md 4 col xs...