加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap3学习笔记(二)之排版

发布时间:2020-12-18 00:54:50 所属栏目:安全 来源:网络整理
导读:在上篇文章给大家介绍了 对于标题,Bootstrap已经修改了h1--h6的样式,如果需要副标题,还可以在其中使用small标记 h1. Bootstrap heading Secondary text h2. Bootstrap heading Secondary text h3. Bootstrap heading Secondary text h4. Bootstrap headin

在上篇文章给大家介绍了

对于标题,Bootstrap已经修改了h1--h6的样式,如果需要副标题,还可以在其中使用small标记

h1. Bootstrap heading Secondary text

h2. Bootstrap heading Secondary text

h3. Bootstrap heading Secondary text

h4. Bootstrap heading Secondary text

h5. Bootstrap heading Secondary text
h6. Bootstrap heading Secondary text

如果页面中有一个需要与众不同的h1,则可以将其包含在样式为“page-header的div中。

Twitter Bootstrap An intuitive front-end framework

Bootstrap默认字体大小为14px,行高1.428,段落间距10px,如果某个段落需要醒目一点,可是有'lead'类 使用text-*类,可以很方便的设定文本的水平对齐方式

HTML中的文字格式标记在Bootstrap中都可以使用

This is bold text

This is big text

This is computer code

This is emphasized text

This is italic text

This is highlighted text

This is small text

This is h3ly emphasized text

This is subscript and superscript

This text is inserted to the document

This text is deleted from the document

字母格式转换类可以很好的完成需要的转换:

颜色是传递内容重要性的有力方式,Bootstrap提供了便利的设定文字强调级别的类:

对引用内容也做了修饰:

The world is a dangerous place to live; not because of the people who are evil,but because of the people who don't do anything about it.

by Albert Einstein

其中的类是为了右对齐引用。

以上所述是小编给大家介绍的Bootstrap3学习笔记(二)之排版的相关知识。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读