Bootstrap3学习笔记(二)之排版

网友投稿 172 2023-07-16


Bootstrap3学习笔记(二)之排版

在上篇文章给大家介绍了BootStrap3学习笔记(一)之网格系统

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

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

Bootstrap默认字体大小为14px,行高1.428,段落间距10px,如果某个段落需要醒目一点,可是有'lead'类

使用text-*类,可以很方便的设定文本的水平对齐方式

Left aligned text.

Center aligned text.

Right aligned text.

Justified text.

No wrap 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

<strong>This is strongly emphasized text

This is subscript and superscript

This text is inserted to the document

This text is deleted from the document

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

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

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

Muted: This text is grayed out.

Important: Please read the instructions carefully before proceed.

Success: Your message has been sent successfully.

Note: You must agree with the terms and conditions to complete the sign up process.

Warning: There was a problem with your network connection.

Error: An error has been occurred while submitting your data.

对引用内容也做了修饰:

&lhttp://t;blockquote class="pull-right">

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学习笔记(二)之排版的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,会及时回复大家的。在此也非常感谢大家对我们网站的支持!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Bootstrap3学习笔记(三)之表格
下一篇:基于Java代码实现支付充值的通用流程
相关文章

 发表评论

暂时没有评论,来抢沙发吧~