Bootstrap學(xué)習(xí)(2)Bootstrap網(wǎng)格系統(tǒng)

Bootstrap的網(wǎng)格系統(tǒng)具備的特點是響應(yīng)式和移動設(shè)備優(yōu)先缘缚。

Bootstrap網(wǎng)格系統(tǒng)的工作原理

1、行必須放置在.container class 內(nèi);

2、使用行來創(chuàng)建列的水平組窘哈;

3、內(nèi)容應(yīng)該放置在列內(nèi)亭敢,列是行的直接子元素滚婉;

4、預(yù)定義的網(wǎng)格類可以快速創(chuàng)建網(wǎng)格布局帅刀;

5让腹、列通過內(nèi)邊距來創(chuàng)建列內(nèi)容之間的間隙;

6扣溺、最多有12個可用的列骇窍。

媒體查詢

媒體查詢允許基于視口大小移動、顯示并隱藏內(nèi)容锥余。

網(wǎng)格選項

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末腹纳,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子哈恰,更是在濱河造成了極大的恐慌只估,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件着绷,死亡現(xiàn)場離奇詭異蛔钙,居然都是意外死亡,警方通過查閱死者的電腦和手機荠医,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門吁脱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人彬向,你說我怎么就攤上這事兼贡。” “怎么了娃胆?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵遍希,是天一觀的道長。 經(jīng)常有香客問我里烦,道長凿蒜,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任胁黑,我火速辦了婚禮废封,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘丧蘸。我一直安慰自己漂洋,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著刽漂,像睡著了一般演训。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上爽冕,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天仇祭,我揣著相機與錄音,去河邊找鬼颈畸。 笑死,一個胖子當(dāng)著我的面吹牛没讲,可吹牛的內(nèi)容都是我干的眯娱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼爬凑,長吁一口氣:“原來是場噩夢啊……” “哼徙缴!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起嘁信,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤于样,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后潘靖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體穿剖,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年卦溢,在試婚紗的時候發(fā)現(xiàn)自己被綠了糊余。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡单寂,死狀恐怖贬芥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情宣决,我是刑警寧澤蘸劈,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站尊沸,受9級特大地震影響威沫,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜椒丧,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一壹甥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧壶熏,春花似錦句柠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽精盅。三九已至,卻和暖如春谜酒,著一層夾襖步出監(jiān)牢的瞬間叹俏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工僻族, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留粘驰,地道東北人。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓述么,卻偏偏與公主長得像蝌数,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子度秘,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 第2章 Bootstrap 網(wǎng)格系統(tǒng) 在這一章顶伞,我們將討論Bootstrap一個最重要的功能:網(wǎng)格系統(tǒng)。我們將學(xué)會...
    海上名月閱讀 858評論 0 7
  • 1. 概覽 1.1 HTML 5 文檔類型(Doctype) Bootstrap 使用了一些 HTML5 元素和 ...
    OzanShareing閱讀 687評論 1 3
  • 正文字體采用 微軟雅黑 顏色#333333 13字號剑梳、提示文字為微軟雅黑 顏色#999999 10字號唆貌、固定的ap...
    PM西山閱讀 1,060評論 0 2
  • 暖暖的燈光下,爸爸很仔細地教我寫作業(yè)垢乙,遇到不會的成語會很耐心翻字典锨咙,然后很清晰地讀給我聽,會摸著我的頭“寶貝侨赡,這下...
    一哼閱讀 251評論 1 2
  • 很久很久就想吃東北的酸菜燉粉條啦蓖租!雖然我不是真正的東北人,但兒時的記憶深刻羊壹,最愛的酸菜餃子蓖宦、酸菜燉粉條,這幾天偷偷...
    牽手不凡人A閱讀 393評論 1 1