美文网首页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基础--列表与定义列表

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

  • 基本办公文书转HTML工具

    基础 定义段落。 格式 定义语气更为强烈的强调文本。 列表 定义无序列表。 列表 定义列表的项目。 基础 定...

  • 基本办公文书转HTML工具

    :基础,定义段落。 :格式,定义语气更为强烈的强调文本。 :列表,定义无序列表。 :列表,定义列表的项目。 :表格...

  • 基本办公文书转HTML工具

    目标的标签 基础 定义段落格式 把文本定义为语气更强的强调内容列表 定义无序列表列表 定义列表内容 计划表的标...

  • ## HTML基础-列表标签/表格标签

    ## HTML基础-列表标签/表格标签 # 列表标签(无序列表/有序列表/定义列表) # 表格标签 # 单元格合并...

  • Python基础-列表

    Python基础-列表 1.定义列表 2.列表的切片 3.列表修改元素 4.列表长度 不可变对象 字符串str是不...

  • HTML列表

    HTML支持有序、无序和定义列表无序列表: 有序列表: 嵌套列表: 自定义列表: HTML 列表标签 定义有序列表...

  • 【慕课网】Python入门笔记 「4」基本数据类型

    【慕课网】Python入门笔记 「4」“组”的概念与定义 [TOC] 1.列表的定义(数组) 列表: 嵌套列表(其...

  • 9.Python基础语法---05序列

    序列 序列 有序。字符串, 列表, 元组 都属于序列下面主要针对列表与元组进行说明 列表(可变) 列表定义 列表由...

  • Python基础代码的学习

    基础输入输出 精确计算 数值转换与计算 列表基础 列表提高 可变序列及列表通用操作 猜数字游戏

网友评论

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

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