第五篇Bootstrap 排版


Posted in Javascript onJune 21, 2016

使用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 排版的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery阻止冒泡和HTML默认操作
Nov 17 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
javascript性能优化之DOM交互操作实例分析
Dec 12 Javascript
jQuery通过deferred对象管理ajax异步
May 20 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
BootStrap入门教程(二)之固定的内置样式
Sep 19 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 Javascript
微信小程序表单验证错误提示效果
May 19 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
Vue实现表格批量审核功能实例代码
May 28 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
vue-cli3单页构建大型项目方案
Apr 07 Javascript
Javascript随机标签云代码实例
Jun 21 #Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 #Javascript
JS实现的跨浏览器解析XML文件实例
Jun 21 #Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 #Javascript
第三篇Bootstrap网格基础
Jun 21 #Javascript
Bootstrap三种表单布局的使用方法
Jun 21 #Javascript
第二篇Bootstrap起步
Jun 21 #Javascript
You might like
用PHP实现多级树型菜单
2006/10/09 PHP
php生成随机数或者字符串的代码
2008/09/05 PHP
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
PHP编程实现多维数组按照某个键值排序的方法小结【2种方法】
2017/04/27 PHP
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
2009/07/18 Javascript
JS 两日期相减,获得天数的小例子(兼容IE,FF)
2013/07/01 Javascript
js螺旋动画效果的具体实例
2013/11/15 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
HTML5 canvas 9绘制图片实例详解
2016/09/06 Javascript
JS之获取样式的简单实现方法(推荐)
2016/09/13 Javascript
关于Iframe父页面与子页面之间的相互调用
2016/11/22 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
详解vue-cli官方脚手架配置
2018/07/20 Javascript
vue后台管理之动态加载路由的方法
2018/08/13 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
详解Vue中的scoped及穿透方法
2019/04/18 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
修改NPM全局模式的默认安装路径的方法
2020/12/15 Javascript
JavaScript WeakMap使用详解
2021/02/05 Javascript
python去除所有html标签的方法
2015/05/05 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
浅析python中numpy包中的argsort函数的使用
2018/08/30 Python
啥是佩奇?使用Python自动绘画小猪佩奇的代码实例
2019/02/20 Python
使用PyTorch训练一个图像分类器实例
2020/01/08 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
Python项目实战之使用Django框架实现支付宝付款功能
2021/02/23 Python
Hotter Shoes英国官网:英伦风格,舒适的鞋子
2017/12/28 全球购物
竞选劳动委员演讲稿
2014/04/28 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
2014年防汛工作总结
2014/12/08 职场文书
会议主持词通用版
2019/04/02 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
在pycharm中无法import所安装的库解决方案
2021/05/31 Python