第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

去序號(hào)列表(也可以是ol)

?<ul class="list-unstyled">

? ? ? ? <li>不帶項(xiàng)目符號(hào)</li>

? ? ? ? <li>不帶項(xiàng)目符號(hào)</li>

? ? ? ? </ul>

html的三種列表

<ul>

? ? <li>無(wú)序列表信息1</li>

? ? <li>無(wú)序列表信息2</li>

? ? <li>無(wú)序列表信息3</li>

</ul>

<ol>

? ? <li>有序列表信息1</li>

? ? <li>有序列表信息2</li>

? ? <li>有序列表信息3</li>

</ol>

<dl>

? ? <dt>定義列表標(biāo)題</dt>

? ? <dd>定義列表信息1</dd>

? ? <dd>定義列表信息2</dd>

</dl>

bootstrap中水平對(duì)齊的樣式

<p?class="text-left">我居左</p>
<p?class="text-center">我居中</p>
<p?class="text-right">我居右</p>
<p?class="text-justify">我兩端對(duì)齊</p>

???.table：基礎(chǔ)表格

?????.table-striped：斑馬線表格

?????.table-bordered：帶邊框的表格

?????.table-hover：鼠標(biāo)懸停高亮的表格

?????.table-condensed：緊湊型表格

?????.table-responsive：響應(yīng)式表格

基本用法 ? ? ? ? ? ? ? ?? ? ? ? ? ?

網(wǎng)格系統(tǒng)用來(lái)布局，其實(shí)就是列的組合。Bootstrap框架的網(wǎng)格系統(tǒng)中有四種基本的用法。由于Bootstrap框架在不同屏幕尺寸使用了不同的網(wǎng)格樣式，在這一節(jié)中所涉及到的示例，我們都以中屏（970px）為例進(jìn)行介紹，其他屏幕的使用也類(lèi)似這一種。關(guān)于屏幕尺寸如下圖：

1、列組合

列組合簡(jiǎn)單理解就是更改數(shù)字來(lái)合并列（原則：列總和數(shù)不能超12），有點(diǎn)類(lèi)似于表格的colspan屬性

實(shí)現(xiàn)列組合方式非常簡(jiǎn)單，只涉及兩個(gè)CSS兩個(gè)特性：浮動(dòng)與寬度百分比。

(.column)，但列數(shù)之和不能超過(guò)平分的總列數(shù)，比如12。如：

<div?class="container">
<div?class="row">
??<div?class="col-md-4"></div>
??<div?class="col-md-8"></div>

3、具體內(nèi)容應(yīng)當(dāng)放置在列容器（column）之內(nèi)，而且只有列（column）才可以作為行容器(.row)的直接子元素

4、通過(guò)設(shè)置內(nèi)距（padding）從而創(chuàng)建列與列之間的間距。然后通過(guò)為第一列和最后一列設(shè)置負(fù)值的外距（margin）來(lái)抵消內(nèi)距(padding)的影響

圖像在網(wǎng)頁(yè)制作中也是常要用到的元素，在Bootstrap框架中對(duì)于圖像的樣式風(fēng)格提供以下幾種風(fēng)格：

1、img-responsive：響應(yīng)式圖片，主要針對(duì)于響應(yīng)式設(shè)計(jì)
2、img-rounded：圓角圖片
3、img-circle：圓形圖片
4、img-thumbnail：縮略圖片

使用方法：

使用方法非常簡(jiǎn)單，只需要在<img>標(biāo)簽上添加對(duì)應(yīng)的類(lèi)名，

設(shè)置圖片大?。?/p>

由于樣式?jīng)]有對(duì)圖片做大小上的樣式限制，所以在實(shí)際使用的時(shí)候，需要通過(guò)其他的方式來(lái)處理圖片大小。比如說(shuō)控制圖片容器大小。（注意不可以通過(guò)css樣式直接修改img圖片的大小，這樣操作就不響應(yīng)了）

注意：

對(duì)于圓角圖片和圓形圖片效果，因?yàn)槭鞘褂昧薈SS3的圓角樣式來(lái)實(shí)現(xiàn)的，所以注意對(duì)于IE8以及其以下版本不支持，是沒(méi)有圓角效果的。

Bootstrap框架為了大家更好的維護(hù)圖像的樣式，同樣將這部分樣式獨(dú)立出來(lái)：
1、LESS版本，可以查閱scaffolding.less
2、Sass版本，可以查閱_scaffolding.scss
大家可以修改其中之一，重新編譯就可以得到自己需要的圖片樣式效果。

按鈕狀態(tài)——禁用狀態(tài)

和input等表單控件一樣，在Bootstrap框架的按鈕中也具有禁用狀態(tài)的設(shè)置。禁用狀態(tài)與其他狀態(tài)按鈕相比，就是背景顏色的透明度做了一定的處理，opcity的值從100%調(diào)整為65%。

在Bootstrap框架中，要禁用按鈕有兩種實(shí)現(xiàn)方式：

方法1：在標(biāo)簽中添加disabled屬性

方法2：在元素標(biāo)簽中添加類(lèi)名“disabled”

兩者的主要區(qū)別是：

“.disabled”樣式不會(huì)禁止按鈕的默認(rèn)行為，比如說(shuō)提交和重置行為等。如果想要讓這樣的禁用按鈕也能禁止按鈕的默認(rèn)行為，則需要通過(guò)JavaScript這樣的語(yǔ)言來(lái)處理。對(duì)于<a>標(biāo)簽也存在類(lèi)似問(wèn)題，如果通過(guò)類(lèi)名“.disable”來(lái)禁用按鈕，其鏈接行為是無(wú)法禁止。而在元素標(biāo)簽中添加“disabled”屬性的方法是可以禁止元素的默認(rèn)行為的。

Bootstrap框架針對(duì)按鈕的狀態(tài)做了一些特殊處理。在Bootstrap框架中針對(duì)按鈕的狀態(tài)效果主要分為兩種：活動(dòng)狀態(tài)和禁用狀態(tài)。

Bootstrap按鈕的活動(dòng)狀態(tài)主要包括按鈕的懸浮狀態(tài)(:hover)，點(diǎn)擊狀態(tài)(:active)和焦點(diǎn)狀態(tài)（:focus）幾種。
/

Bootstrap框架中提供了一個(gè)類(lèi)名“btn-block”。按鈕使用這個(gè)類(lèi)名就可以讓按鈕充滿整個(gè)容器，并且這個(gè)按鈕不會(huì)有任何的padding和margin值。在實(shí)際當(dāng)中，常把這種按鈕稱(chēng)為塊狀按鈕。

在Bootstrap框架中不同的按鈕風(fēng)格都是通過(guò)不同的類(lèi)名來(lái)實(shí)現(xiàn)，在使用過(guò)程中，開(kāi)發(fā)者只需要選擇不同的類(lèi)名即可：

使用起來(lái)就很簡(jiǎn)單，就像前面介紹的默認(rèn)按鈕一樣的使用方法，只需要在基礎(chǔ)按鈕“.btn”基礎(chǔ)上追加對(duì)應(yīng)的類(lèi)名，就可以得到需要的按鈕風(fēng)格。

多標(biāo)簽支持

一般制作按鈕除了使用<button>標(biāo)簽元素之外，還可以使用<input type="submit">和<a>標(biāo)簽等。同樣，在Bootstrap框架中制作按鈕時(shí)，除了剛才所說(shuō)的這些標(biāo)簽元素之外，還可以使用在其他的標(biāo)簽元素上，唯一需要注意的是，要在制作按鈕的標(biāo)簽元素上添加類(lèi)名“btn”。如果不添加是不會(huì)有任何按鈕效果

默認(rèn)按鈕

Bootstrap框架首先通過(guò)基礎(chǔ)類(lèi)名“.btn”定義了一個(gè)基礎(chǔ)的按鈕風(fēng)格，然后通過(guò)“.btn-default”定義了一個(gè)默認(rèn)的按鈕風(fēng)格。默認(rèn)按鈕的風(fēng)格就是在基礎(chǔ)按鈕的風(fēng)格的基礎(chǔ)上修改了按鈕的背景顏色、邊框顏色和文本顏色

表單控件狀態(tài)(驗(yàn)證狀態(tài))

在制作表單時(shí)，不免要做表單驗(yàn)證。同樣也需要提供驗(yàn)證狀態(tài)樣式，在Bootstrap框架中同樣提供這幾種效果。
1、.has-warning:警告狀態(tài)（黃色）
2、.has-error：錯(cuò)誤狀態(tài)（紅色）
3、.has-success：成功狀態(tài)（綠色）
使用的時(shí)候只需要在form-group容器上對(duì)應(yīng)添加狀態(tài)類(lèi)名。