第五篇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 相关文章推荐
VBScript版代码高亮
Jun 26 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 Javascript
ajax处理php返回json数据的实例代码
Jan 24 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
Oct 22 Javascript
简单的Jquery全选功能
Nov 07 Javascript
jQuery后代选择器用法实例
Dec 23 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
一种angular的方法级的缓存注解(装饰器)
Mar 13 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
vue实现百度语音合成的实例讲解
Oct 14 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
2013/05/07 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
vue一步步实现alert功能
2017/07/05 Javascript
JS运动特效之链式运动分析
2018/01/24 Javascript
Jquery的Ajax技术使用方法
2019/01/21 jQuery
微信小程序学习笔记之登录API与获取用户信息操作图文详解
2019/03/29 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
Vue3.0 响应式系统源码逐行分析讲解
2019/10/14 Javascript
基于原生JS封装的Modal对话框插件的示例代码
2020/09/09 Javascript
Python命名空间详解
2014/08/18 Python
Python实现线程池代码分享
2015/06/21 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
使用 Python 处理3万多条数据只要几秒钟
2020/01/19 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
django使用JWT保存用户登录信息
2020/04/22 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
Python实现微信表情包炸群功能
2021/01/28 Python
python常量折叠基础知识点讲解
2021/02/28 Python
世界上最大的曲棍球商店:Pro Hockey Life
2017/10/30 全球购物
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
英语演讲稿范文
2014/01/03 职场文书
大宝sod蜜广告词
2014/03/21 职场文书
工会换届选举方案
2014/05/21 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
委托公证书样本
2015/01/23 职场文书
写给老婆的保证书
2015/02/27 职场文书
六年级数学教学反思
2016/02/16 职场文书
Spark SQL 2.4.8 操作 Dataframe的两种方式
2021/10/16 SQL Server