Bootstrap

BootSrap基础--列表与定义列表

2016-05-20  本文已影响45人  斐波那契的数字

对于列表而言,bootStrap没有做太多的调整,只是调整了行边距(margin-left)、外边距以及字体加粗,

 标签的定义 

源码如下:

标签的使用

<dl>

<dt> docuement Title</dt>

<dd>内容</dd>

</dl>

显示:

此处要注意加上bootstrap的css文件

效果图

但是往往我们会希望网页的宽度小于768px的时候,是换行,大于768的时候是在同一行的

此时的标题是是垂直的,如果是对平的话,应该再次添加class

class="dl-horizontal"

源代码



效果图: 



如果网页的宽度小于160px的时候会放在第二行 如下图所示





此处推荐一个前端的利器:

感谢当年为我推荐这个工具的女神 ;)

下面重点讲解一下bootstrap中的这些语句:

上一篇下一篇

猜你喜欢

热点阅读