-
無(wú)序列表
無(wú)序列表和有序列表使用方式和我們平時(shí)使用的一樣（無(wú)序列表使用ul，有序列表使用ol標(biāo)簽），在樣式方面，Bootstrap只是在此基礎(chǔ)上做了一些細(xì)微的優(yōu)化。
列表嵌套
在Bootstrap中列表也是可以嵌套的。
查看全部 -
Bootstrap根據(jù)平時(shí)的使用情形提供了六種形式的列表：
? ????普通列表
? ????有序列表
? ????去點(diǎn)列表
? ????內(nèi)聯(lián)列表
? ????描述列表
? ????水平描述列表
查看全部 -
Bootstrap通過(guò)定義四個(gè)類名來(lái)控制文本的對(duì)齊風(fēng)格：
??????.text-left：左對(duì)齊
??????.text-center：居中對(duì)齊
??????.text-right：右對(duì)齊
??????.text-justify：兩端對(duì)齊
查看全部 -
這些強(qiáng)調(diào)類都是通過(guò)顏色來(lái)表示強(qiáng)調(diào)，具本說(shuō)明如下：
.text-muted：提示，使用淺灰色（#999）
.text-primary：主要，使用藍(lán)色（#428bca）
.text-success：成功，使用淺綠色(#3c763d)
.text-info：通知信息，使用淺藍(lán)色（#31708f）
.text-warning：警告，使用黃色（#8a6d3b）
.text-danger：危險(xiǎn)，使用褐色（#a94442）
查看全部 -
斜體類似于加粗一樣，除了可以給元素設(shè)置樣式font-style值為italic實(shí)現(xiàn)之外，在Bootstrap中還可以通過(guò)使用標(biāo)簽<em>或<i>來(lái)實(shí)現(xiàn)。
查看全部 -
在Bootstrap中，可以使用<b>和<strong>標(biāo)簽讓文本直接加粗。
查看全部 -
如果想讓一個(gè)段落p突出顯示，可以通過(guò)添加類名“.lead”實(shí)現(xiàn)，其作用就是增大文本字號(hào)，加粗文本，而且對(duì)行高和margin也做相應(yīng)的處理。
<p>我是普通文本，我的樣子長(zhǎng)成這樣我是普通文本，我的樣子長(zhǎng)成這樣我是普通文本，</p> <p?class="lead">我是特意要突出的文本，我的樣子成這樣。我是特意要突出的文本，我的樣子長(zhǎng)成這樣。</p>
Bootstrap還通過(guò)元素標(biāo)簽:<small>、<strong>、<em>和<cite>給文本做突出樣式處理
查看全部 -
在Bootstrap中為文本設(shè)置了一個(gè)全局的文本樣式（這里所說(shuō)的文本是指正文文本）：
1、全局文本字號(hào)為14px(font-size)。
2、行高為1.42857143（line-height），大約是20px(大家看到一串的小數(shù)或許會(huì)有疑惑，其實(shí)他是通過(guò)LESS編譯器計(jì)算出來(lái)的，當(dāng)然Sass也有這樣的功能)。
3、顏色為深灰色（#333）；
4、字體為"Helvetica Neue", Helvetica, Arial, sans-serif;（font-family）.該設(shè)置都定義在<body>元素上，由于這幾個(gè)屬性都是繼承屬性，所以Web頁(yè)面中文本（包括段落p元素）如無(wú)重置都會(huì)具有這些樣式效果。
默認(rèn)情況之下，p元素具有一個(gè)上下外邊距，并且保持一個(gè)行高的高度
查看全部 -
使用了<small>標(biāo)簽來(lái)制作副標(biāo)題。這個(gè)副標(biāo)題具有其自己的一些獨(dú)特樣式：
1、行高都是1，而且font-weight設(shè)置了normal變成了常規(guī)效果（不加粗），同時(shí)顏色被設(shè)置為灰色（#999）。
2、由于<small>內(nèi)的文本字體在h1~h3內(nèi)，其大小都設(shè)置為當(dāng)前字號(hào)的65%；而在h4~h6內(nèi)的字號(hào)都設(shè)置為當(dāng)前字號(hào)的75%；
詳細(xì)代碼請(qǐng)參閱bootstrap.css文件中第407行~第443行。查看全部 -
Bootstrap標(biāo)題樣式進(jìn)行了以下顯著的優(yōu)化重置：
1、重新設(shè)置了margin-top和margin-bottom的值， ?h1~h3重置后的值都是20px；h4~h6重置后的值都是10px。
2、所有標(biāo)題的行高都是1.1（也就是font-size的1.1倍）,而且文本顏色和字體都繼承父元素的顏色和字體。
3、固定不同級(jí)別標(biāo)題字體大小，h1=36px，h2=30px，h3=24px，h4=18px，h5=14px和h6=12px。查看全部 -
Bootstrap框架在這一部分做了一定的變更，不再一味追求歸零，而是更注重重置可能產(chǎn)生問(wèn)題的樣式（如，body,form的margin等），保留和堅(jiān)持部分瀏覽器的基礎(chǔ)樣式，解決部分潛在的問(wèn)題，提升一些細(xì)節(jié)的體驗(yàn)，具體說(shuō)明如下：
移除body的margin聲明
設(shè)置body的背景色為白色
為排版設(shè)置了基本的字體、字號(hào)和行高
設(shè)置全局鏈接顏色，且當(dāng)鏈接處于懸浮“:hover”狀態(tài)時(shí)才會(huì)顯示下劃線樣式
查看全部 -
bootstrap模板為使IE6、7、8版本（IE9以下版本）瀏覽器兼容html5新增的標(biāo)簽，引入下面代碼文件即可。
<script?src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
同理為使IE6、7、8版本瀏覽器兼容css3樣式，引入下面代碼：
<script?src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
查看全部 -
bootstrap不支持IE8的兼容模式
width=device-width? ?//讓寬度等于頁(yè)面得寬度initial-scale=1? //設(shè)置初始縮放的比例
css文件放在head中
javascript文件放在body最下邊
查看全部 -
GitHub上這樣介紹 bootstrap：
?????? 簡(jiǎn)單靈活可用于架構(gòu)流行的用戶界面和交互接口的html、css、javascript工具集。
?????? 基于html5、css3的bootstrap，具有大量的誘人特性：友好的學(xué)習(xí)曲線，卓越的兼容性，響應(yīng)式設(shè)計(jì)，12列格網(wǎng)，樣式向?qū)臋n。
?????? 自定義JQuery插件，完整的類庫(kù)，基于Less等。
查看全部 -
首先dt和dd是放于dl標(biāo)簽內(nèi)，標(biāo)簽dt與dd處于dl下相同級(jí)。也就是dt不能放入dd內(nèi)，dd不能放入dt內(nèi)。在dl下，dt與dd處于同級(jí)標(biāo)簽。dd標(biāo)簽可以若干。同時(shí)不能不加dl地單獨(dú)使用dt標(biāo)簽或dd標(biāo)簽
查看全部
舉報(bào)