美文网首页Bootstrap
BootSrap基础--列表与定义列表

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

作者: 斐波那契的数字 | 来源:发表于2016-05-20 20:19 被阅读45次

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

     标签的定义 

    源码如下:

    标签的使用

    <dl>

    <dt> docuement Title</dt>

    <dd>内容</dd>

    </dl>

    显示:

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

    效果图

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

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

    class="dl-horizontal"

    源代码



    效果图: 



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





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

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

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

    相关文章

      网友评论

        本文标题:BootSrap基础--列表与定义列表

        本文链接:https://www.haomeiwen.com/subject/ncynrttx.html