第五篇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 相关文章推荐
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
JS跨域问题详解
Nov 25 Javascript
简述JavaScript的正则表达式中test()方法的使用
Jun 16 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
Oct 26 Javascript
JS+HTML5 FileReader对象用法示例
Apr 07 Javascript
用js将long型数据转换成date型或datetime型的实例
Jul 03 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
基于JQuery实现页面定时弹出广告
May 08 jQuery
vue中keep-alive、activated的探讨和使用详解
Jul 26 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
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
Laravel 模型关联基础教程详解
2019/09/17 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
Js 本页面传值实现代码
2009/05/17 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
JavaScript代码里的判断小结
2016/08/22 Javascript
JS实现颜色的10进制转化成rgba格式的方法
2017/09/04 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
2018/07/15 Javascript
小程序清理本地缓存的方法
2018/08/17 Javascript
vue如何进行动画的封装
2018/09/26 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
python使用xmlrpc实例讲解
2013/12/17 Python
Python通过DOM和SAX方式解析XML的应用实例分享
2015/11/16 Python
Python爬虫实例_利用百度地图API批量获取城市所有的POI点
2018/01/10 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
详解Python静态网页爬取获取高清壁纸
2019/04/23 Python
python队列Queue的详解
2019/05/10 Python
python实现远程控制电脑
2019/05/23 Python
解决redis与Python交互取出来的是bytes类型的问题
2020/07/16 Python
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
护士自荐信
2013/10/25 职场文书
教师求职信范文分享
2013/12/27 职场文书
运动会闭幕词
2015/01/28 职场文书
民政局2016年“六一”儿童节慰问活动总结
2016/04/06 职场文书
灵能百分百第三季什么时候来?
2022/03/15 日漫
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL