Bootstrap3 排版-列表
来源:互联网 发布:房产端口是什么意思 编辑:程序博客网 时间:2024/04/30 16:33
无序列表
排列顺序无关紧要的一列元素。
<ul> <li>...</li></ul>
有序列表
顺序至关重要的一组元素。
<ol> <li>...</li></ol>
无样式列表
移除了默认的 list-style 样式和左侧外边距的一组元素(只针对直接子元素)。这是针对直接子元素的,也就是说,你需要对所有嵌套的列表都添加这个类才能具有同样的样式。
<ul class="list-unstyled"> <li>...</li></ul>
内联列表
通过设置 display: inline-block; 并添加少量的内补(padding),将所有元素放置于同一行。
<ul class="list-inline"> <li>...</li></ul>
描述
带有描述的短语列表。
<dl> <dt>...</dt> <dd>...</dd></dl>
水平排列的描述
.dl-horizontal 可以让
<dl>
内的短语及其描述排在一行。开始是像<dl>
的默认样式堆叠在一起,随着导航条逐渐展开而排列在一行。
<dl class="dl-horizontal"> <dt>...</dt> <dd>...</dd></dl>
自动截断
通过 text-overflow 属性,水平排列的描述列表将会截断左侧太长的短语。在较窄的视口(viewport)内,列表将变为默认堆叠排列的布局方式。
—–下面有个“顶”字,你懂得O(∩_∩)O哈哈~
—–乐于分享,共同进步!
—–更多文章请看:http://blog.csdn.net/duruiqi_fx
1 0
- Bootstrap3 排版-列表
- Bootstrap3 排版-标题
- Bootstrap3 排版-页面主体
- Bootstrap3 排版-对齐
- Bootstrap3 排版-改变大小写
- Bootstrap3 排版-缩略语
- Bootstrap3 排版-地址
- Bootstrap3 排版-引用
- bootstrap3学习笔记1-排版
- Bootstrap3 排版-内联文本元素
- Bootstrap3.0学习第四轮(排版)
- Bootstrap3学习笔记(2)--排版
- Bootstrap3.0学习第四轮(排版)
- Bootstrap3 排版之个人学习笔记
- Bootstrap3.0学习第四轮(排版)
- 排版引擎列表
- 【Bootstrap3.0建站笔记一】表单元素排版
- Bootstrap3学习(二、排版)class="text-left"
- HDOJ题目分类
- 日期、时间选择器
- 三个代码块
- seajs添加版本号刷新本地缓存的方法
- leetcode-33. Search in Rotated Sorted Array
- Bootstrap3 排版-列表
- [绍棠] 播放器检测系统音量键调节音量的变化并自定义音量界面
- iOS nil 的小说明
- 多个checkbook默认选中
- PhotoView源码初始化BUG修复
- github添加ssh key的时候报错:Key is invalid. Ensure you've copied the file correctly
- eclipse程序正确但是cannot be resolved to a type
- 通过unix系统底层获取和系统相关的硬件信息(cpu、内存)
- 关于git的一些常用命令