第五篇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 相关文章推荐
javascript Array.sort() 跨浏览器下需要考虑的问题
Dec 07 Javascript
jquery遍历数组与筛选数组的方法
Nov 05 Javascript
JS给超链接加确认对话框的方法
Feb 24 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
jQuery实现连续动画效果实例分析
Oct 09 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
JS原生带小白点轮播图实例讲解
Jul 22 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
Aug 18 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
node.js中module模块的功能理解与用法实例分析
Feb 14 Javascript
基于Electron实现桌面应用开发代码实例
Jul 07 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
一个ftp类(ini.php)
2006/10/09 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
php实现递归的三种基本方式
2020/07/04 PHP
THINKPHP截取中文字符串函数实例代码
2017/03/20 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
JS获取select-option-text_value的方法
2013/12/26 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
简单实现js点击展开二级菜单功能
2017/05/16 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
2018/11/27 Javascript
JavaScript 九种跨域方式实现原理
2019/02/11 Javascript
python如何通过protobuf实现rpc
2016/03/06 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
使用python绘制二元函数图像的实例
2019/02/12 Python
春节到了 教你使用python来抢票回家
2020/01/06 Python
python3实现raspberry pi(树莓派)4驱小车控制程序
2020/02/12 Python
利用html5 file api读取本地文件示例(如图片、PDF等)
2018/03/07 HTML / CSS
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
俄罗斯金苹果网上化妆品和香水商店:Goldapple
2019/12/01 全球购物
销售演讲稿范文
2014/01/08 职场文书
领导党性分析材料
2014/02/15 职场文书
医院安全生产月活动总结
2014/07/05 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
药店营业员岗位职责
2015/04/14 职场文书
会议简报格式范文
2015/07/20 职场文书
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫
Spring事务管理下synchronized锁失效问题的解决方法
2022/03/31 Java/Android