bootstrap學習筆記

2021-09-25 20:50:04 字數 361 閱讀 1652

1 bootstrap簡介

(1) 是乙個前端自適應ui框架

(2)由全域性css樣式,元件,js外掛程式組成(基於jquery)

2 組成

(1) 全域性css樣式

1)寫好的一些html標籤的展示效果,可以全域性進行呼叫,標籤通過class屬性來獲採樣式

(2) 元件

1)寫好的以下可以直接在頁面上展示的元素,例如乙個下拉框,輪播圖等

2)元件是有html標籤,全域性css樣式,js外掛程式組成

(3)js外掛程式

1)基於jquery實現

2)具體為乙個個寫好的js檔案

3)元件的動態效果都是基於js外掛程式實現,一般都會在頁面上直接引入所有的js外掛程式

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框架學習筆記

一.在.spann n為1 12的整數 的標籤內加.offsetn n為1 12的整數 可以使標籤左邊距 margin left 增加 spann n為1 12的整數 的距離。二.row以不同的固定寬度定位,而.row fluid以百分比定位。三.muted可以使標籤背景顏色為灰色 999999 四...