突然發(fā)現(xiàn)忘了好多……很少用魏烫,都是自己定制著去做的。直接看的3.0的版本及穗。
柵格系統(tǒng)
手機(jī) | 平板 | 桌面顯示器 | 桌面顯示器 | |
---|---|---|---|---|
屏幕大小 | <768px | ≥768px | ≥992px | ≥1200px |
類(lèi)前綴 | .col-xs- | .col-sm- | .col-md- | .col-lg- |
.container 最大寬度 | None (自動(dòng)) | 750px | 970px | 1170px |
最大列(column)寬 | 自動(dòng) | ~62px | ~81px | ~97px |
柵格系統(tǒng)行為:總是水平排列摧茴,開(kāi)始是堆疊在一起的,當(dāng)大于這些閾值時(shí)將變?yōu)樗脚帕蠧(埂陆?
槽(gutter)寬
30px (每列左右均有 15px)
- 最外圍的盒子如果是container苛白,必須有寬度;如果是container-fluid焚虱,盒子寬度100%丸氛,不需要設(shè)置寬度。
- 多余的列(column)將另起一行排列
- 手機(jī)版一定要用col-xs-著摔,不然一切亂套
- 嵌套的塊也是12個(gè)格缓窜,比如一個(gè)col-md-8的格子,里面再嵌套也是12個(gè)放滿
- 兩個(gè)特殊的:
col-md-offset-3 左邊空出3個(gè)格
col-md-pull/push 排序 1個(gè)格是8.33333333%
默認(rèn)設(shè)置
Bootstrap 將全局 font-size設(shè)置為 14px谍咆,line-height設(shè)置為 1.428禾锤。這些屬性直接賦予 <body>元素和所有段落元素。另外摹察,<p>(段落)元素還被設(shè)置了等于 1/2 行高(即 10px)的底部外邊距(margin)恩掷。
字
- 通過(guò)添加 .lead類(lèi)可以讓段落突出顯示。
- 高亮使用<mark></mark>
- 刪除用<del></del>(原來(lái)不就這樣嘛)
- 插入用<ins></ins>(帶下橫線)
- 下劃線<u></u>
-
對(duì)齊:text-left/center/right/justify/nowrap
justify兩端對(duì)齊
nowrap不換行
justify效果 - 英文專(zhuān)用
text-lowercase/uppercase/capitalize(首字母大寫(xiě))
為縮略語(yǔ)添加 .initialism類(lèi)供嚎,可以讓 font-size 變得稍微小些黄娘。 - 縮略語(yǔ)
<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
懸停在attr上出attribute