本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下： 向元素 <ul> 添加 class .list-group。 向 <li> 添加 class .list-group-item。 下面的实例演示了这点： 实例 <ul class="list-gr ...
分类：
其他好文 时间：
2020-05-16 12:28:06
阅读次数：
78
style（为了让与按钮同行的文字垂直居中） 因为我发现，按钮的高度为34px，所以，将与其同行的文字的行高改成34px，就可以让文字垂直居中 ...
分类：
其他好文 时间：
2019-05-22 22:13:33
阅读次数：
113
一．列表组组件列表组组件用于显示一组列表的组件。//基本实例<ulclass="list-group"><liclass="list-group-item">1.这是起始</li><liclass="list-group-item">2.这是第二条数据</li><licla
分类：
其他好文 时间：
2018-05-15 17:42:16
阅读次数：
132
[1]基础列表组 [2]徽章 [3]链接 [4]按钮 [5]定制内容 [6]状态设置 [7]多彩列表组 ...
分类：
其他好文 时间：
2017-07-06 00:26:22
阅读次数：
182
1.运行效果如图所示2.实现代码如下<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>列表组--组合列表项的状</title>
<!--最新版本的Bootstrap核心CSS文件-->..
分类：
其他好文 时间：
2017-05-26 21:47:27
阅读次数：
130
1.运行效果如图所示2.实现代码如下<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>列表组--带徽章的列表组</title>
<!--最新版本的Bootstrap核心CSS文件-->..
分类：
其他好文 时间：
2017-05-26 14:36:42
阅读次数：
246
1.运行效果如图所示2.实现代码如下<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>列表组--基础列表组</title>
<!--最新版本的Bootstrap核心CSS文件-->
&l..
分类：
其他好文 时间：
2017-05-26 14:26:19
阅读次数：
102
说明最简单的列表组仅仅是一个带有多个列表条目的无序列表示例<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width..
分类：
其他好文 时间：
2017-02-15 19:26:57
阅读次数：
182
列表组可以用来制作列表清单、垂直导航等效果，也可以配合其他的组件制作出更漂亮的组件，列表组在bootstrap框架中也是一个独立的组件，所以也对应有自己独立源码： LESS：list-group.less SASS:_list-group.scss 列表组看上去就是去掉了列表符号的列表项，并且配上一... ...
分类：
其他好文 时间：
2016-05-01 13:29:41
阅读次数：
227
