@
bootstrap標題四
bootstrap標題五
bootstrap標題六
bootstrap標題一
bootstrap標題二
bootstrap標題三
bootstrap標題四
bootstrap標題五
bootstrap標題六
bootstrap標題四我是副標題
bootstrap標題五我是副標題
bootstrap標題六我是副標題
全域性文字字型大小為14px(font-size),顏色為深灰色(#333);
如果想讓乙個段落p突出顯示,可以通過新增類名「.lead」實現,
其作用就是增大文字字型大小,加粗文字,而且對行高和margin也做相應的處理
除此之外,bootstrap還通過元素標籤:small
strong加粗em斜體
cite
加粗b----------加粗strong斜體em---------斜體i
.text-muted:提示,使用淺灰色(#999)
.text-primary:主要,使用藍色(#428bca)
.text-success:成功,使用淺綠色(#3c763d)
.text-info:通知資訊,使用淺藍色(#31708f)
.text-warning:警告,使用黃色(#8a6d3b)
.text-danger:危險,使用褐色(#a94442)
左對齊,取值left
右對齊,取值right
居中對齊,取值center
兩端對齊,取值justify.there is clearly a need for
css to be taken seriously by graphic artists. the zen garden aims to excite
, inspire, and encourage participation. to begin, view some of the existing
designs in the list. clicking on any one will load the style sheet into
this very page. the code remains the same, the only thing that has changed
is the external .css file.
-----------列表開始----------
有序列表
有序列表
有序列表
有序列表
有序列表
無序列表
列表巢狀
有序列表1
有序列表1
列表--去點列表
list-unstyled類
有序列表去點
padding-left: 0;
有序列表去點
列表--內聯列表
列表--定義列表
定義列表dt
定義列表dd
列表--水平定義列表
w3cplus
乙個致力於推廣國內前端行業的技術部落格。它以探索為己任,
不斷活躍在行業技術最前沿,努力提供高質量前端技術博文
我來測試乙個標題,我來測試乙個標題
我在寫乙個水平定義列表的效果,我在寫乙個水平定義列表的效果
-----------列表結束----------
-----------**風格開始----------
code風格
bootstrap的**風格有三種:
pre風格
kbd風格
請輸入ctrl+c來複製**,然後使用ctrl+v來貼上**
....
....
....
....
....
....
....
....
....
....
....
....
....
....
-----------**風格結束----------
這是乙個示例文字。這是乙個示例文字。這是乙個示例文字。這是乙個示例文字。
@*bootstrap標籤*@
example heading lable
預設標籤
主要標籤
成功標籤
資訊標籤
警告標籤
危險標籤
Bootstrap框架 排版
1.標題 h1.page header h1.page header樣式 2.段落 p.lead p.lead樣式 linux is very much linux is very much linux is very much linux is very much linux is very mu...
Bootstrap 之網頁內容排版
文章中介紹到可以使用small標記來為h1到h6標記新增副標題,但是在測試中卻沒有發生任何的效果 bootstrap會自動為段落 標籤加上10px的底部外邊距,全域性字型大小為14px,行高為 1.428 address 標籤讓聯絡資訊以最接近日常使用的格式呈現,每行結尾新增 可以保留需要的樣式 d...
Bootstrap下拉列表
使用下拉列表 dropdown 外掛程式,能夠向不論什麼元件 比方導航欄 標籤頁 膠囊式導航選單 button等 加入下拉列表。假設想要單獨引用該外掛程式的功能,那麼須要引用 dropdown.js。或者能夠引入bootstrap.js或壓縮版的bootstrap.min.js。通過 data 屬性...