24、列表組

列表組是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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章