Bootstrap學習筆記 安裝使用

2021-08-08 04:53:00 字數 681 閱讀 1989

bootstrap安裝使用

接觸到bootstrap有一段時間了,只是用的比較少,不怎麼熟悉,現在從新學習、熟悉bootstrap,寫個筆記以後方便查閱。

boostrap的安裝使用:

<

link

href="

"rel="

stylesheet

">

<

script

src=

"">

script

>

src="./js/bootstrap.min.js">

script>

準備工作做好就可以在你的頁面進行使用了

<

link

href="

"rel="

stylesheet

">

<

script

src=

"">

script

>

<

script

src=

"">

script

>

<

script

src=

"">

script

>

詳細教程可參考:菜鳥教程

bootstrap學習筆記

學習 然後對bootstrap進行引用 柵格系統中,列數是12,行數不固定 例項 手機 平板 桌面 在上面案例的基礎上,通過使用針對平板裝置的 col sm 類,我們來建立更加動態和強大的布局吧。col xs 12 col sm 6 col md 8 col xs 6 col md 4 col xs...

bootstrap學習筆記

1 引入的檔案 script script 2 柵格系統布局 bootstrap把頁面設定為12列,通過改變列的數字來進行布局。col xs 4 指小於768px的小裝置 11 col sm 4 指 768px的裝置 22 col md 4 指 992px裝置 33 col lg 4 值1200px...

bootstrap學習筆記

1 bootstrap簡介 1 是乙個前端自適應ui框架 2 由全域性css樣式,元件,js外掛程式組成 基於jquery 2 組成 1 全域性css樣式 1 寫好的一些html標籤的展示效果,可以全域性進行呼叫,標籤通過class屬性來獲採樣式 2 元件 1 寫好的以下可以直接在頁面上展示的元素,...