bootstrap框架學習筆記

2021-06-19 12:26:21 字數 917 閱讀 2745

一.  在.spann(n為1-12的整數)的標籤內加.offsetn(n為1-12的整數)可以使標籤左邊距(margin-left)增加 .spann(n為1-12的整數)的距離。

二.  .row以不同的固定寬度定位,而.row-fluid以百分比定位。

三.  .muted可以使標籤背景顏色為灰色(#999999)。

四.  文字可以新增以下class改變樣式:

.text-left

左對齊.text-center

中對齊.text-right

右對齊.text-warning

warning字型顏色

.text-error

error字型顏色

.text-info

info字型顏色

.text-success

success字型顏色

五.  dl可以加.dl-horizontal使dt和dd橫排

六.  table可以加以下class改變樣式

.table-bordered

新增邊框

.table-hover

懸浮有背景色

.table-striped

隔行有背景色區分

.table-condensed

縮小行距

七.  checkbox和radio可以加.inline使其在一行內顯示,效果如下:

八.  form加.form-inline可以使元素行內對齊

九.  .controls也可以加.controls-row達到跟.row一樣的效果

10.  button也有事件的

11.  button式的多選和單選寫法

效果如下:

12. label的顏色

13.  badge的樣式

14.  滾動滾動條的時候,導航對應變化的寫法

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 寫好的以下可以直接在頁面上展示的元素,...