第五篇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 input 数字验证代码
Jul 30 Javascript
JQuery中serialize()用法实例分析
Feb 06 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
浅谈JS之iframe中的窗口
Sep 13 Javascript
angular之ng-template模板加载
Nov 09 Javascript
javascript中的隐式调用
Feb 10 Javascript
巧妙运用v-model实现父子组件传值的方法示例
Apr 07 Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 Javascript
JavaScript中this函数使用实例解析
Feb 21 Javascript
不刷新网页就能链接新的js文件方法总结
Mar 01 Javascript
JS实现图片幻灯片效果代码实例
May 21 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
深入了解 register_globals (附register_globals=off 网站打不开的解决方法)
2012/06/27 PHP
php实现的树形结构数据存取类实例
2014/11/29 PHP
CI框架常用经典操作类总结(路由,伪静态,分页,session,验证码等)
2016/11/21 PHP
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
JavaScript 学习初步 入门教程
2010/03/25 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
2013/08/01 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
安装Node.js并启动本地服务的操作教程
2018/05/12 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
python中zip()方法应用实例分析
2016/04/16 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
python 正确保留多位小数的实例
2018/07/16 Python
python多线程下信号处理程序示例
2019/05/31 Python
python3实现mysql导出excel的方法
2019/07/31 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
Python中qutip用法示例详解
2020/10/02 Python
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
年终考核评语
2014/01/19 职场文书
教师校本培训方案
2014/02/26 职场文书
交通事故调解协议书
2014/04/16 职场文书
本科应届生自荐信
2014/06/29 职场文书
2015年学校总务工作总结
2015/07/20 职场文书
小组口号霸气押韵
2015/12/24 职场文书
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android
JavaScript原型链详解
2021/11/07 Javascript