第五篇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 相关文章推荐
弹出广告特效(一个IP只弹出一次)的代码
Jul 27 Javascript
简洁短小的 JavaScript IE 浏览器判定代码
Mar 21 Javascript
Javascript获取表单名称(name)的方法
Apr 02 Javascript
js简单工厂模式用法实例
Jun 30 Javascript
JS文字球状放大效果代码分享
Aug 19 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
js方法数据验证的简单实例
Sep 17 Javascript
Javascript获取background属性中url的值
Oct 17 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
bootstrap选项卡扩展功能详解
Jun 14 Javascript
React-Native之定时器Timer的实现代码
Oct 04 Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
Sep 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
资料注册后发信小技巧
2006/10/09 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
php将文件夹打包成zip文件的简单实现方法
2016/10/04 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
JQuery对ASP.NET MVC数据进行更新删除
2016/07/13 Javascript
JS实现的多张图片轮流播放幻灯片效果
2016/07/22 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
小程序分享模块超级详解(推荐)
2019/04/10 Javascript
jQuery实现简易聊天框
2020/02/08 jQuery
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
[02:23]1个至宝=115个英雄特效 最“绿”至宝拉比克“魔导师密钥”登场
2018/12/29 DOTA
Python 实现还原已撤回的微信消息
2019/06/18 Python
在pycharm中debug 实时查看数据操作(交互式)
2020/06/09 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
财务人员个人自荐信范文
2013/09/26 职场文书
关于工作时间玩手机的检讨书
2014/09/18 职场文书
高三英语教学计划
2015/01/23 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
电影雷锋观后感
2015/06/10 职场文书
婚宴主持词
2015/06/30 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
background-position百分比原理详解
2021/05/08 HTML / CSS
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python
使用Oracle命令进行数据库备份与还原
2021/12/06 Oracle
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL