第五篇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 定时器setTimeout无法调用局部变量的解决办法
Nov 28 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
May 27 Javascript
AngularJS入门教程中SQL实例详解
Jul 27 Javascript
微信小程序 弹框和模态框实现代码
Mar 10 Javascript
webpack独立打包和缓存处理详解
Apr 03 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
async/await让异步操作同步执行的方法详解
Nov 01 Javascript
vue实现简单计算商品价格
Sep 14 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
Oct 26 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 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
discuz程序的PHP加密函数原理分析
2011/08/05 PHP
如何利用http协议发布博客园博文评论
2015/08/03 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
JSON 数据格式介绍
2012/01/13 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
2012/05/23 Javascript
xml转json的js代码
2012/08/28 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
Bootstrap Chart组件使用教程
2016/04/28 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
Canvas实现放射线动画效果
2017/02/15 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
React 源码中的依赖注入方法
2018/11/07 Javascript
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
以视频爬取实例讲解Python爬虫神器Beautiful Soup用法
2016/01/20 Python
django之session与分页(实例讲解)
2017/11/13 Python
python-str,list,set间的转换实例
2018/06/27 Python
python+opencv打开摄像头,保存视频、拍照功能的实现方法
2019/01/08 Python
python三引号输出方法
2019/02/27 Python
详解python之heapq模块及排序操作
2019/04/04 Python
Python爬虫实现自动登录、签到功能的代码
2020/08/20 Python
西班牙高科技产品购物网站:MejorDeseo
2019/09/08 全球购物
证婚人搞笑证婚词
2014/01/10 职场文书
求职信怎么写范文
2014/05/26 职场文书
授权委托书
2014/07/31 职场文书
邀请函格式范文
2015/02/02 职场文书
出国留学自荐信模板
2015/03/06 职场文书
交通事故起诉书
2015/05/19 职场文书
python字符串的一些常见实用操作
2022/04/06 Python