第五篇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的图片懒加载js
Jun 30 Javascript
DOM_window对象属性之--clipboardData对象操作代码
Feb 03 Javascript
JavaScript 数组详解
Oct 10 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 Javascript
jQuery多文件异步上传带进度条实例代码
Aug 16 Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 Javascript
javascript学习之json入门
Dec 22 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
vue中v-for循环给标签属性赋值的方法
Oct 18 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
解决vue刷新页面以后丢失store的数据问题
Aug 11 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/12/06 PHP
php删除页面记录 同时刷新页面 删除条件用GET方式获得
2012/01/10 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
利用WebBrowser彻底解决Web打印问题(包括后台打印)
2009/06/22 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
Bootstrap风格的zTree右键菜单
2017/02/17 Javascript
angular $watch 一个变量的变化(实例讲解)
2017/08/02 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
Python EOL while scanning string literal问题解决方法
2020/09/18 Python
详解Python中for循环的使用方法
2015/05/14 Python
python使用正则表达式替换匹配成功的组并输出替换的次数
2017/11/22 Python
python实现飞机大战微信小游戏
2020/03/21 Python
python向图片里添加文字
2019/11/26 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
Maxpeedingrods美国:高性能汽车零件
2020/02/14 全球购物
RIP版本1跟版本2的区别
2013/12/30 面试题
最受欢迎的自我评价
2013/12/22 职场文书
教师党员思想汇报
2014/01/06 职场文书
《雨霖铃》教学反思
2014/02/22 职场文书
运动会演讲稿
2014/05/07 职场文书
医德考评自我评价
2014/09/14 职场文书
2014年药剂科工作总结
2014/11/26 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
一篇文章弄懂Python中的内建函数
2021/08/07 Python