学习笔记—bootstrap(2)
来源:互联网 发布:java线程状态 编辑:程序博客网 时间:2024/06/09 01:09
Bootstrap 排版
Bootstrap如果要向任何标题添加一个内联子标题,只需要在元素两旁添加<small>,或者添加.small class (可以得到一个自号更小颜色更浅的文本)
实例:<h1>This is a h1.<small>This is a small h1</small></h1>
可以添加class=“lead”,为段落添加强调文本(字体更大、粗体,行高更高的文本)
bootstrap强调:
<small>设置为父文本大小的85%</small><br>
<strong>设置文本为更粗的文本</strong><br>
<em>把文本设置为斜体</em><br>
<p class="text-left">向左对齐文本</p>
<p class="text-center">居中对齐文本</p>
<p class="text-right">向右对齐文本</p>
<p class="text-muted">本行内容是减弱的</p>
<p class="text-primary">本行内容带有一个 primary class</p>
<p class="text-success">本行内容带有一个 success class</p>
<p class="text-info">本行内容带有一个 info class</p>
<p class="text-warning">本行内容带有一个 warning class</p>
<p class="text-danger">本行内容带有一个 danger class</p>
Bootstrap定义<abbr>元素的样式为显示在文本底部的一条虚线边框,将鼠标悬停在上面时会显示完整的文本(要为<abbr>title属性添加文本),为<abbr>添加.initialism可以得到一个字体更小的文本
<address>用于在网页上显示联系信息,由于<address>默认为display:block,需要使用标签来为封闭的地址文本添加换行
引用<blockquote>,添加<small>标签来标示引用的来源,使用class .pull-right向右对其引用
Bootstrap 支持有序列表、无序列表和定义列表。
- 有序列表:有序列表是指以数字或其他有序字符开头的列表。
- 无序列表:无序列表是指没有特定顺序的列表,是以传统风格的着重号开头的列表。如果您不想显示这些着重号,您可以使用 class .list-unstyled 来移除样式。您也可以通过使用 class .list-inline 把所有的列表项放在同一行中。
- 定义列表:在这种类型的列表中,每个列表项可以包含 <dt> 和 <dd> 元素。<dt> 代表 定义术语,就像字典,这是被定义的属于(或短语)。接着,<dd> 是 <dt> 的描述。您可以使用 class dl-horizontal 把 <dl> 行中的属于与描述并排显示。
- 学习笔记—bootstrap(2)
- BootStrap学习笔记-2
- 【Bootstrap学习笔记2】
- Bootstrap—表单学习笔记
- Bootstrap学习笔记——Bootstrap的基本介绍
- 学习笔记2—bootstrap简介以环境搭建
- 学习笔记2—bootstrap简介以环境搭建
- Bootstrap学习笔记——安装使用
- Bootstrap学习笔记——排版
- Bootstrap学习笔记——表单
- Bootstrap学习笔记——网格系统
- Bootstrap学习笔记(2)Form
- Netty4学习笔记(2)-- Bootstrap
- Bootstrap学习笔记(实习第2天)
- bootstrap学习笔记-第2章 排版
- bootstrap表单学习笔记3-2
- Netty4学习笔记(2)-- Bootstrap
- Flask学习笔记-2-扩展bootstrap,moment
- Spark学习笔记1-RDD编程
- 信数金服决策引擎分享(三):如何实现决策的协同维护?
- 移动web(三)touch事件详解
- C语言实现动态顺序表
- 两个人聪明人的空城——《司马懿之虎啸龙吟》
- 学习笔记—bootstrap(2)
- HTTP方法
- Long类型转String JS丢失
- netty获取ip
- Maven学习-目录结构
- MD5加密
- LUOGUP1631---序列合并
- 如何从Linux命令行截屏
- plc里面的常用符号,流程,pid计算基本都搞清楚了。