脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → bootstrap 排版

第五篇Bootstrap 排版

 更新时间：2016年06月21日 14:58:06   作者：-夏昊-  
使用bootstrap的排版特性可以创建标题，段落，列表及其它内联元素。本文重点给大家介绍Bootstrap 排版 知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧

使用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 排版的全部叙述，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • js学习总结_基于数据类型检测的四种方式(必看)

    js学习总结_基于数据类型检测的四种方式(必看)

    下面小编就为大家带来一篇js学习总结_基于数据类型检测的四种方式(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • js中Map和Set的用法及区别实例详解

    js中Map和Set的用法及区别实例详解

    map和set一样是关联式容器,它们的底层容器都是红黑树,区别就在于map的值不作为键,键和值是分开的,下面这篇文章主要给大家介绍了关于js中Map和Set的用法及区别的相关资料,需要的朋友可以参考下
    2022-02-02
  • 基于JavaScript操作DOM常用的API小结

    基于JavaScript操作DOM常用的API小结

    DOM（Document Object Model）即文档对象模型，针对 HTML 和 XML 文档的 API（应用程序接口）。本篇文章给大家介绍javascript操作dom常用的api小结，对javascript dom api相关知识感兴趣的朋友一起学习吧
    2015-12-12
  • js实现前端分页页码管理

    js实现前端分页页码管理

    本文主要介绍了js实现前端分页页码管理的具体方法。具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • JS数组求和的几种常见方法总结

    JS数组求和的几种常见方法总结

    js的数组与我们日常生活中的数组一样,都是会进行求和计算的,下面这篇文章主要给大家介绍了关于JS数组求和的几种常见方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • javascript实现俄罗斯方块游戏的思路和方法

    javascript实现俄罗斯方块游戏的思路和方法

    至于俄罗斯方块的话，有很多的难点，如果有JS去写的话，要考虑到碰撞啊，边界啊，下落等问题，本文这些问题大部分都有考虑到，这里给大家提供一部分思路，抛砖引玉，有需要的小伙伴可以参考下。
    2015-04-04
  • TypeScript 中括号用法小结

    TypeScript 中括号用法小结

    本文主要介绍了TypeScript 中括号用法小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • webpack学习教程之前端性能优化总结

    webpack学习教程之前端性能优化总结

    webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。这篇文章主要给大家总结介绍了关于webpack学习教程之前端性能优化的相关资料，需要的朋友可以参考下。
    2017-12-12
  • Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

    Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

    这篇文章主要介绍了Extjs 中 Treepanel 实现菜单级联选中效果,需要的朋友可以参考下
    2017-08-08
  • JS 学习总结之正则表达式的懒惰性和贪婪性

    JS 学习总结之正则表达式的懒惰性和贪婪性

    这篇文章主要介绍了JS 学习总结之正则表达式的懒惰性和贪婪性的相关资料,需要的朋友可以参考下
    2017-07-07

最新评论