Bootstrap历练实例:默认的列表组
Bootstrap 列表组
本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下:
- 向元素 <ul> 添加 class .list-group。
- 向 <li> 添加 class .list-group-item。
下面的实例演示了这点:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Bootstrap历练实例:默认的列表组</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<div style="padding:20px">
<ul class="list-group">
<li class="list-group-item">Html5</li>
<li class="list-group-item">Css3</li>
<li class="list-group-item">Bootstrap</li>
<li class="list-group-item">Javascript</li>
<li class="list-group-item">jQuery</li>
<li class="list-group-item">jQueryUI</li>
</ul>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>
最新文章
- Python爬虫小白入门(四)PhatomJS+Selenium第一篇
- SQL Server 2008 r2 输入SQL语句不能自动提示的解决办法
- 知方可补不足~SQL为大数据引入分区表
- WCF与ASMX Web服务差异比较[译]
- ACM题目————装箱问题
- 九度OJ 朋友圈 -- 并查集
- Qt制作Aero特效窗口
- Python学习笔记1-搭建Python环境 和 Python Hello World!
- CSS制作水平垂直居中对齐
- Core Data 和 sqlite3的性能对比【图】3gs,iPhone4,4s,5的性能测试。
- dll间接应用问题
- 【Python之路】第三篇--Python基本数据类型
- 初试LIBSVM
- 【python学习笔记】7.更加抽象
- 第四次作业之jieba库的应用
- windows拿到cmd权限之后常用命令
- unity3d-解密加密数据
- having只用来在group by之后,having不可单独用,必须和group by用。having只能对group by的结果进行操作
- 关于QT中“崩溃”问题
- asp.net文件上传接收不到文件 Request.files[";&#39;]等于null
热门文章
- Animation Blueprint, Set Custom Variables Via C++
- Unity开发Android应用优化指南(上)
- poj 3417 Network(tarjan lca)
- 洛谷P1044 栈(Catalan数)
- argparse 在深度学习中的应用
- 【ZROI 537】贪心题 题解
- [NWPU2016][寒假作业][正常版第三组]R&;&;HDU1240
- js:常用到的js操作记录
- NET Core 2.1.0 now available
- Ubuntu上k8s集群里创建证书