Bootstrap學習筆記1 基礎

2021-07-31 09:59:50 字數 870 閱讀 4339

固定寬度:100%

內容排版的標籤:

36px

30px

.. 3 24px

4 18px

5 14px

12px

.page-header 設定頁頭,給標題加一條分隔線

副標題,小一號

副標題,大一號

推薦使用的加粗

推薦使用的傾斜

推薦使用的刪除

文字對齊方式

.text-left 左對齊

.text-right 右對齊

.text-center 居中

英文大小寫

.text-uppercase 大寫

.text-lowercase 小寫

.text-capitalize首字母大寫

序列.list-unstyled 去掉列表前的符號,和原有的格式

.list-inline 把之間的內容,變成橫向

自定義列表

.dl-horizontal 設定變成橫向排列

**.table **的乙個基類,如果加其他樣式,都在.table的基礎上

.table-bordered 給**加上外邊框

.table-hover 懸停變灰

.table-striped 斑馬線效果(隔行換色)

.table-condensed變小(padding值減半)

響應式**

.table-responsive 給table的父元素加,如果內容裝不下回出現滾動條

.img-responsive 響應式

.img-circle 圓形

.img-rounded 圓角

.img-thumbnail 加圓角邊框

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