第五篇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 20 Javascript
jquery事件的ready()方法使用详解
Nov 11 Javascript
js仿微信语音播放实现思路
Dec 12 Javascript
微信小程序开发animation心跳动画效果
Aug 16 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
vue二级路由设置方法
Feb 09 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
vue升级之路之vue-router的使用教程
Aug 14 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 Javascript
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
Apr 26 Javascript
JavaScript原始值与包装对象的详细介绍
May 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
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
PHP准确取得服务器IP地址的方法
2015/06/02 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
对联广告js flash激活
2006/10/19 Javascript
JQuery 常用方法基础教程
2009/02/06 Javascript
AJAX使用了UpdatePanel后无法使用alert弹出脚本
2010/04/02 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
javascript中对变量类型的判断方法
2015/08/09 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
折叠菜单及选择器的运用
2017/02/03 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
python保存字符串到文件的方法
2015/07/01 Python
Python实现短网址ShortUrl的Hash运算实例讲解
2015/08/10 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
利用anaconda保证64位和32位的python共存
2021/03/09 Python
python ETL工具 pyetl
2020/06/07 Python
PyChon中关于Jekins的详细安装(推荐)
2020/12/28 Python
html5菜单折纸效果
2014/04/22 HTML / CSS
使用postMessage让 iframe自适应高度的方法示例
2019/10/08 HTML / CSS
美国知名的百货清仓店:Neiman Marcus Last Call
2016/08/03 全球购物
毕业生教师求职信
2013/10/20 职场文书
毕业生护理专业个人求职信范文
2014/01/04 职场文书
更夫岗位责任制
2014/02/11 职场文书
《寓言两则》教学反思
2014/02/27 职场文书
综治宣传月活动总结
2014/04/28 职场文书
优秀教师自我评价范文
2014/09/27 职场文书
建筑专业毕业生求职信
2014/09/30 职场文书
村主任群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
宾馆卫生管理制度
2015/08/06 职场文书
Tomcat弱口令复现及利用
2022/05/06 Servers
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技