第五篇Bootstrap 排版
更新时间：2016年06月21日 14:58:06 作者：-夏昊-
使用bootstrap的排版特性可以创建标题，段落，列表及其它内联元素。本文重点给大家介绍Bootstrap 排版 知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
使用bootstrap的排版特性可以创建标题，段落，列表及其它内联元素。
标题：bootstrap中定义了从h1-h6的六种标题样式。
内联子标题：
如果需要向任意一个标题添加一个子标题，只需要加上<small></small>例如：
<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1>
<h2>我是标题2 h2. <small>我是副标题2 h2</small></h2>
<h3>我是标题3 h3. <small>我是副标题3 h3</small></h3>
<h4>我是标题4 h4. <small>我是副标题4 h4</small></h4>
<h5>我是标题5 h5. <small>我是副标题5 h5</small></h5>
<h6>我是标题6 h6. <small>我是副标题6 h6</small></h6>
显示效果如下所示：
HTML 的默认强调标签 <small>（设置文本为父文本大小的 85%）、<strong>（设置文本为更粗的文本）、<em>（设置文本为斜体）。
<small>本行内容是在标签内</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 排版的全部叙述，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
![Bootstrap 中data-[*] 属性的整理](//img.jbzj.com/images/xgimg/bcimg0.png)
本文给大家收藏整理了关于Bootstrap 中data-[*] 属性的相关知识，感兴趣的朋友一起看看吧2018-03-03
这篇文章主要介绍了Echarts.js无法引入问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
这篇文章主要为大家详细介绍了微信JS-SDK选取手机照片上传功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
encodeURI和encodeURIComponent以及escape，这三个都是用来编码的，本篇文章给大家介绍encodeURI和encodeURIComponent以及escape的区别与应用，感兴趣的朋友一起学习吧2015-11-11
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的API或工具包，接下来跟着小编学习js中判断json的方法吧2015-08-08
这篇文章主要为大家详细介绍了原生js实现碰撞检测，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了详解Javascript利用echarts画空气质量地图，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-10-10
这篇文章主要介绍了JavaScript 随机验证码的生成实例代码的相关资料,需要的朋友可以参考下2016-09-09
JavaScript使用ZeroClipboard操作剪切板
这篇文章主要为大家详细介绍了JavaScript使用ZeroClipboard操作剪切板的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
在Web开发领域,响应式设计已经成为一个不可或缺的趋势,PostCSS插件——postcss-pxtorem的出现为我们提供了一种更加智能和高效的解决方案,本文将深入探讨postcss-pxtorem的使用,包括其背后的原理、配置选项、实际应用中的注意事项等方面,需要的朋友可以参考下2023-12-12
![Bootstrap 中data-[*] 属性的整理](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论