第五篇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 相关文章推荐
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
Sep 23 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
Oct 30 Javascript
JavaScript DOM元素尺寸和位置
Apr 13 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
js实现无缝滚动图
Feb 22 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
May 17 Javascript
vue组件初学_弹射小球(实例讲解)
Sep 06 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
如何在JavaScript中使用localStorage详情
Feb 04 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 使用post,get的一种简洁方式
2010/04/25 PHP
yii框架中的Url生产问题小结
2012/01/16 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
php 无限级分类,超级简单的无限级分类,支持输出树状图
2014/06/29 PHP
五款PHP代码重构工具推荐
2014/10/14 PHP
PHP实现图片上传并压缩
2015/12/22 PHP
php判断IP地址是否在多个IP段内
2020/08/18 PHP
自己动手制作jquery插件之自动添加删除行功能介绍
2011/10/14 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
jQuery实现鼠标单击网页文字后在文本框显示的方法
2015/05/06 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
2017/07/05 Javascript
JS实现移动端按首字母检索城市列表附源码下载
2017/07/05 Javascript
JavaScript事件冒泡与事件捕获实例分析
2018/08/01 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
Python多线程学习资料
2012/12/19 Python
easy_install python包安装管理工具介绍
2013/02/10 Python
python实现apahce网站日志分析示例
2014/04/02 Python
python中的lambda表达式用法详解
2016/06/22 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
python中几种自动微分库解析
2019/08/29 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
Ruby如何定义一个类
2012/10/08 面试题
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
干部作风建设工作总结
2014/10/29 职场文书
2014年乡镇卫生院工作总结
2014/11/24 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript