第五篇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 相关文章推荐
JQuery的ready函数与JS的onload的区别详解
Nov 21 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
Jan 03 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
AngularJS中的DOM操作用法分析
Nov 04 Javascript
微信小程序排坑指南详解
May 23 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
May 15 Javascript
微信小程序 网络通信实现详解
Jul 23 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
Nov 04 Javascript
JavaScript快速调试的两个技巧
Nov 04 Javascript
js 实现Material UI点击涟漪效果示例
Sep 23 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
php查询ip所在地的方法
2014/12/05 PHP
PHP实现WebService的简单示例和实现步骤
2015/03/27 PHP
PHP中Notice错误常见解决方法
2017/04/28 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
php+ajax实现商品对比功能示例
2019/04/13 PHP
ext jquery 简单比较
2010/04/07 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
vue兄弟组件传递数据的实例
2018/09/06 Javascript
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
Django的分页器实例(paginator)
2017/12/01 Python
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
jupyter notebook引用from pyecharts.charts import Bar运行报错
2020/04/23 Python
python装饰器-限制函数调用次数的方法(10s调用一次)
2018/04/21 Python
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
个人求职简历的自我评价范文
2013/10/09 职场文书
智能电子应届生求职信
2013/11/10 职场文书
文明寝室申报材料
2014/05/12 职场文书
经销商年会策划方案
2014/05/29 职场文书
公务员考察材料范文
2014/12/23 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
医院病假条怎么写
2015/08/17 职场文书
实用求职信模板范文
2019/05/13 职场文书
php字符串倒叙
2021/04/01 PHP
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
关于React Native使用axios进行网络请求的方法
2021/08/02 Javascript
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python