一點(diǎn)bootstrap筆記

突然發(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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末峭状,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子逼争,更是在濱河造成了極大的恐慌优床,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,734評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件誓焦,死亡現(xiàn)場(chǎng)離奇詭異胆敞,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)杂伟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)移层,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人赫粥,你說(shuō)我怎么就攤上這事观话。” “怎么了越平?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,133評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵匪燕,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我喧笔,道長(zhǎng)帽驯,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,532評(píng)論 1 293
  • 正文 為了忘掉前任书闸,我火速辦了婚禮尼变,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘浆劲。我一直安慰自己嫌术,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布牌借。 她就那樣靜靜地躺著度气,像睡著了一般。 火紅的嫁衣襯著肌膚如雪膨报。 梳的紋絲不亂的頭發(fā)上磷籍,一...
    開(kāi)封第一講書(shū)人閱讀 51,462評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音现柠,去河邊找鬼院领。 笑死,一個(gè)胖子當(dāng)著我的面吹牛够吩,可吹牛的內(nèi)容都是我干的比然。 我是一名探鬼主播,決...
    沈念sama閱讀 40,262評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼周循,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼强法!你這毒婦竟也來(lái)了万俗?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,153評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤饮怯,失蹤者是張志新(化名)和其女友劉穎闰歪,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體硕淑,經(jīng)...
    沈念sama閱讀 45,587評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡课竣,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評(píng)論 3 336
  • 正文 我和宋清朗相戀三年嘉赎,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了置媳。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,919評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡公条,死狀恐怖拇囊,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情靶橱,我是刑警寧澤寥袭,帶...
    沈念sama閱讀 35,635評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站关霸,受9級(jí)特大地震影響传黄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜队寇,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評(píng)論 3 329
  • 文/蒙蒙 一膘掰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧佳遣,春花似錦识埋、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,855評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至诵盼,卻和暖如春惠豺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背风宁。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,983評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工耕腾, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人杀糯。 一個(gè)月前我還...
    沈念sama閱讀 48,048評(píng)論 3 370
  • 正文 我出身青樓扫俺,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親固翰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子狼纬,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評(píng)論 2 354

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