创新互联Bootstrap4教程：Bootstrap4列表组

Bootstrap4 列表组

大部分基础列表组都是无序的。

十年的防城网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整防城建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“防城网站设计”,“防城网站推广”以来，每个客户项目都认真落实执行。

要创建列表组，可以在

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

实例
<
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
>

尝试一下 »

激活状态的列表项
通过添加 .active 类来设置激活状态的列表项：

实例
<
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
>

尝试一下 »

禁用的列表项
.disabled 类用于设置禁用的列表项:

实例
<
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
>

尝试一下 »

链接列表项
要创建一个链接的列表项，可以将

品牌网站设计知识

同城分类信息

创新互联Bootstrap4教程：Bootstrap4列表组

Bootstrap4 列表组

实例

激活状态的列表项

实例

禁用的列表项

实例

链接列表项

实例

移除列表边框

实例

水平列表组

实例

多种颜色列表项

实例

链接的多种颜色列表项

实例