对于列表而言,bootStrap没有做太多的调整,只是调整了行边距(margin-left)、外边距以及字体加粗,
标签的定义
源码如下:
标签的使用
<dl>
<dt> docuement Title</dt>
<dd>内容</dd>
</dl>
显示:
此处要注意加上bootstrap的css文件
但是往往我们会希望网页的宽度小于768px的时候,是换行,大于768的时候是在同一行的
此时的标题是是垂直的,如果是对平的话,应该再次添加class
class="dl-horizontal"
效果图:
如果网页的宽度小于160px的时候会放在第二行 如下图所示
此处推荐一个前端的利器:
下面重点讲解一下bootstrap中的这些语句: