列表組是Bootstrap框架新增的一個組件,可以用來製作列表清單、垂直導航等效果,也可以配合其他的組件製作出更漂亮的組件。
一、基礎列表組
基礎列表組,看上去就是去掉了列表符號的列表項,並且配上一些特定的樣式。對於基礎列表組並沒有做過多的樣式設置,主要設置了其間距,邊框和圓角等
例如
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>列表組--基礎列表組</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<ul class="list-group">
<li class="list-group-item">揭開CSS3的面紗</li>
<li class="list-group-item">CSS3選擇器</li>
<li class="list-group-item">CSS3邊框</li>
<li class="list-group-item">CSS3背景</li>
<li class="list-group-item">CSS3文本</li>
</ul>
<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/b