第五篇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 相关文章推荐
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
May 15 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
每天一篇javascript学习小结(面向对象编程)
Nov 20 Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 Javascript
微信小程序学习之数据处理详解
Jul 05 Javascript
使用mint-ui实现省市区三级联动效果的示例代码
Feb 09 Javascript
js中null与空字符串&quot;&quot;的区别讲解
Jan 17 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 Javascript
在Layui中实现开关按钮的效果实例
Sep 29 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 Javascript
vuejs实现下拉框菜单选择
Oct 23 Javascript
vue ant design 封装弹窗表单的使用
Jun 01 Vue.js
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中调用JAVA
2006/10/09 PHP
用PHP编写PDF文档生成器
2006/10/09 PHP
PHP逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
2014/08/23 PHP
php常用的url处理函数总结
2014/11/19 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
javascript实现轮显新闻标题链接
2007/08/13 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
vue监听scroll的坑的解决方法
2017/09/07 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
Vue 的双向绑定原理与用法揭秘
2020/05/06 Javascript
js实现弹窗猜数字游戏
2020/11/26 Javascript
python实现根据主机名字获得所有ip地址的方法
2015/06/28 Python
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
python 随机打乱 图片和对应的标签方法
2018/12/14 Python
Pandas时间序列:时期(period)及其算术运算详解
2020/02/25 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
python selenium 获取接口数据的实现
2020/12/07 Python
python中pyqtgraph知识点总结
2021/01/26 Python
python3判断IP地址的方法
2021/03/04 Python
本科毕业生的求职信范文
2013/11/20 职场文书
医院辞职信范文
2014/01/17 职场文书
餐饮总经理岗位职责
2014/03/07 职场文书
法律系毕业生求职信
2014/05/28 职场文书
2016干部作风整顿心得体会
2016/01/22 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js
Redis基本数据类型String常用操作命令
2022/06/01 Redis