Bootstrap 之網頁內容排版

2021-06-20 04:29:34 字數 1181 閱讀 3063

文章中介紹到可以使用small標記來為h1到h6標記新增副標題,但是在測試中卻沒有發生任何的效果!

bootstrap會自動為段落"

"標籤加上10px的底部外邊距,全域性字型大小為14px,行高為:1.428;

address:標籤讓聯絡資訊以最接近日常使用的格式呈現,每行結尾新增

可以保留需要的樣式;

dl:描述性列表dl內只可以有dt或者dd,dt會將文字加粗處理,dd正常顯示;

類:lead:突出段落;

text-muted:文字灰白;

text-primary:文字淡藍,懸浮變藍;

text-success:文字淡綠,懸浮變綠;

text-info:文字藍,懸浮變墨藍;

text-warning:文字灰橙,懸浮青綠色;

text-danger:文字紅,懸浮變黑紅;

initialism:將文字中的字母全轉換為大寫;

pull-right:將預設在左邊的引用改變為在右邊;

list-inline:將列表項浮動為一行;

dl-horizontal:讓描述性列表的dt與dd匹配顯示,乙個dt與乙個dd佔一行,左邊會出現一定的內邊距;

table:可為**新增少量的內補和水平方向的分隔線,最後一行不會出現分割線,如果**中出現了thead**頭的話thead的頭部也不會出現分割線;

table-striped:為**的奇數行新增背景顏色,並不鮮豔;

table-bordered:為**新增邊框,邊框線合二為一;

table-hover:為**行新增懸浮偽類事件,背景顏色發生變化!

table-condensed:緊縮**行,寬度不發生變化;

table-responsive:建立響應式**,將任何的**包含在含有這個類的容器中即可建立響應式**,就是在乙個div中加入這個類後在將**放在div中

以下四個類如果加在具有背景顏色的tr或者td上背景顏色不會發生改變,懸浮時會更改為類設定的顏色:

active:**響應懸浮偽類時顏色變為深灰色;

success:**行顏色變為嫩綠色,在響應懸浮事件時顏色稍稍加深;

warning:**行變為嫩橙色,在響應懸浮事件是顏色稍稍加深;

danger:**行變為淺棕色,在響應懸浮時間時顏色稍稍加深;

此文為手抄筆記;

原文部落格來自:

原文博主:夢想天空;

bootstrap 內容總結

bootstrap 中的css根節點裡面生命了許多的變數 如 root 使用方法 使用的時候使用 樣式屬性 var bule 使用關鍵字var 來取出樣式的key,就可以使用變數css了 bootstrap 給所有的元素都變成怪異盒模型,這樣設定寬高不會增加盒子的大小 after,before 樣式...

bootstrap表單雙排 Bootstrap

bootstrap 表單 簡介在本教程中,您將學習如何使用 bootstrap 2.0 工具包來建立表單。bootstrap 已經為 input textarea 和 select 等表單控制項定義樣式,支援列表和核取方塊,為禁用的表單控制項定義樣式,包括每個表單控制項的錯誤 警告 成功狀態。自版本...

基於bootstrap的網頁開發

1.html5shiv.js的作用是?html5shiv主要解決html5提出的新的元素不被ie6 8識別,這些新元素不能作為父節點包裹子元素,並且不能應用css樣式。讓css 樣式應用在未知元素上只需執行 document.createelement elementname 即可實現。html5s...