第五篇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与Ajax常用代码实现对比
Oct 03 Javascript
jquery 事件对象属性小结
Apr 27 Javascript
jquery常用技巧及常用方法列表集合
Apr 06 Javascript
让textarea自动调整大小的js代码
Apr 12 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
Bootstrap基础学习
Jun 16 Javascript
jQuery.datatables.js插件用法及api实例详解
Oct 28 Javascript
vue v-on监听事件详解
May 17 Javascript
jquery实现简单实用的轮播器
May 23 jQuery
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
微信小程序通过js实现瀑布流布局详解
Aug 28 Javascript
基于layui table返回的值的多级嵌套的解决方法
Sep 19 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
测试您的 PHP 水平的题目
2007/05/30 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
php实现异步将远程链接上内容(图片或内容)写到本地的方法
2016/11/30 PHP
PHP CURL使用详解
2019/03/21 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
jQuery 核心函数以及jQuery对象
2010/03/23 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
jquery解析xml字符串简单示例
2014/04/11 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
用jQuery实现可输入多选下拉组合框实例代码
2017/01/18 Javascript
JS装饰器函数用法总结
2018/04/21 Javascript
vue中tab选项卡的实现思路
2018/11/25 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
ES6实现图片切换特效代码
2020/01/14 Javascript
深入解析Python中的lambda表达式的用法
2015/08/28 Python
浅谈五大Python Web框架
2017/03/20 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
python中PS 图像调整算法原理之亮度调整
2019/06/28 Python
Python实现图像去噪方式(中值去噪和均值去噪)
2019/12/18 Python
python批量修改xml属性的实现方式
2020/03/05 Python
css3实现input输入框颜色渐变发光效果代码
2014/04/02 HTML / CSS
什么造成了Java里面的异常
2016/04/24 面试题
幼儿园教师获奖感言
2014/03/11 职场文书
婚前保证书
2014/04/29 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
计算机网络及管理学专业求职信
2014/06/05 职场文书
学校查摆问题整改措施
2014/09/28 职场文书
投标邀请书范本
2015/02/02 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android
Redis入门基础常用操作命令整理
2022/06/01 Redis