Bootstrap4 列表組

大部分基礎(chǔ)列表組都是無序的。

十年的防城網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。成都全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整防城建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“防城網(wǎng)站設(shè)計(jì)”,“防城網(wǎng)站推廣”以來，每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

要創(chuàng)建列表組，可以在

元素上添加 .list-group-item 類:

實(shí)例
<
ul

class
=
"
list-group
"
>

<
li

class
=
"
list-group-item
"
>
First item
li
>

<
li

class
=
"
list-group-item
"
>
Second item
li
>

<
li

class
=
"
list-group-item
"
>
Third item
li
>

ul
>

嘗試一下 ?

激活狀態(tài)的列表項(xiàng)
通過添加 .active 類來設(shè)置激活狀態(tài)的列表項(xiàng)：

實(shí)例
<
ul

class
=
"
list-group
"
>

<
li

class
=
"
list-group-item active
"
>
Active item
li
>

<
li

class
=
"
list-group-item
"
>
Second item
li
>

<
li

class
=
"
list-group-item
"
>
Third item
li
>

ul
>

嘗試一下 ?

禁用的列表項(xiàng)
.disabled 類用于設(shè)置禁用的列表項(xiàng):

實(shí)例
<
ul

class
=
"
list-group
"
>

<
li

class
=
"
list-group-item disabled
"
>
Disabled item
li
>

<
li

class
=
"
list-group-item
"
>
Second item
li
>

<
li

class
=
"
list-group-item
"
>
Third item
li
>

ul
>

嘗試一下 ?

鏈接列表項(xiàng)
要創(chuàng)建一個鏈接的列表項(xiàng)，可以將

新聞中心

Bootstrap4 列表組

實(shí)例

激活狀態(tài)的列表項(xiàng)

實(shí)例

禁用的列表項(xiàng)

實(shí)例

鏈接列表項(xiàng)

實(shí)例

移除列表邊框

實(shí)例

水平列表組

實(shí)例

多種顏色列表項(xiàng)

實(shí)例

鏈接的多種顏色列表項(xiàng)

實(shí)例

其他資訊