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