<!doctype html> <html> <meta charset="utf-8" /> <head> <title>益司CMS-PC与手机建站集成</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!--<link href="__PUBLIC__/bootstrap/css/bootstrap-theme.css" rel="stylesheet" />--> <!--[if It IE 9]> <script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!--加载jquery--> <style type="text/css"> @media(max-width:670px){ body{background:whtie} } </style> </head> <body> <!-- --> <div class="container"> <h1 class="page-header">列表 <small>无序列表,有序列表,描述列表</small> </h1> <h2> 无序列表 </h2> <ul> <li>内容1</li> <li>内容2</li> <li>内容3</li> </ul> <h2>有序列表</h2> <ol> <li>内容1</li> <li>内容2</li> <li>内容3</li> </ol> <h3>描述列表</h3> <dl class="dl-horizontal"> <dt>你是哪里人</dt> <dd>你出生在哪里?</dd> <dt>程序员</dt> <dd>编写代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件功能~</dd> <dt>程序程序程序程序程序员</dt> <dd>编写代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件代码,实现软件功能~</dd> </dl> </div> <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> </body> </html>
bootstrap_04_列表
原创xiaohongyangok 博主文章分类:HTML5与CSS3 ©著作权
©著作权归作者所有:来自51CTO博客作者xiaohongyangok的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:bootstrap_07_表格类
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Day04 Docker
Docker
docker Docker 系统资源 -
04_Bootstrap插件01
Bootstrap 中的下拉菜单依赖于 类,或者添加了 的元素。如果想要让菜单弹出的方向向上,可以为下拉菜单的父元素设置 类(默认
bootstrap javascript 前端 下拉菜单 标签页 -
bootstrap-列表组
bootstrap-列表组
bootstrap 列表组 -
bootstrap-列表组--基础列表组
bootstrap-列表组--基础列表组
基础 bootstrap 列表组 -
bootstrap-无样式列表
bootstrap-无样式列表
列表 bootstrap 无样式 -
bootstrap-媒体对象列表
bootstrap-媒体对象列表
媒体 bootstrap 对象列表 -
bootstrap-多彩列表组
bootstrap-多彩列表组
bootstrap 多彩 列表组 -
bootstrap列表
我是中国人 北京 上海 广州 list-unstyled:去掉前面的符号,去掉原有格式list-inline:纵向变横向
列表 bootstrap css html javascript