第五篇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使用$(element).is()来判断获取的tagName
Aug 24 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
javascript 解决浏览器不支持的问题
Sep 24 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
Jan 04 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
详解Node.js中的Async和Await函数
Feb 22 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
基于layui table返回的值的多级嵌套的解决方法
Sep 19 Javascript
element实现合并单元格通用方法
Nov 13 Javascript
JavaScript实时更新当前的时间的示例代码
Jul 15 Javascript
Vue.js中v-for指令的用法介绍
Mar 13 Vue.js
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
Yii框架的路由配置方法分析
2019/09/09 PHP
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
javascript学习笔记(二) js一些基本概念
2012/06/18 Javascript
SOSO地图JS画出标注和中心点以html形式运行
2013/08/09 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
2014/04/03 Javascript
javascript事件冒泡和事件捕获详解
2015/05/26 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
nodejs+express实现文件上传下载管理网站
2017/03/15 NodeJs
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
基于Node.js模板引擎教程-jade速学与实战1
2017/09/17 Javascript
nodejs 图片预览和上传的示例代码
2017/09/30 NodeJs
原生nodejs使用websocket代码分享
2018/04/07 NodeJs
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
Node.js中package.json中库的版本号(~和^)
2019/04/02 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
Python使用scrapy抓取网站sitemap信息的方法
2015/04/08 Python
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
python matplotlib坐标轴设置的方法
2017/12/05 Python
Python和Java进行DES加密和解密的实例
2018/01/09 Python
如何在Django项目中引入静态文件
2019/07/26 Python
关于Python字符编码与二进制不得不说的一些事
2020/10/04 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
美国亚马逊旗下时尚女装网店:SHOPBOP(支持中文)
2020/10/17 全球购物
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
十佳大学生村官事迹
2014/01/09 职场文书
产品质量承诺书范文
2014/03/27 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
小学音乐教师个人工作总结
2015/02/05 职场文书
导盲犬小Q观后感
2015/06/11 职场文书
英语读书笔记
2015/07/02 职场文书
Redis批量生成数据的实现
2022/06/05 Redis