Bootstrap--排版

原创 2016年06月01日 21:27:55

1.标题
Bootstrap中定义了所有的标题
2.内联子标题
如果需要添加内联子标题,只需要简单的在元素两旁添加

<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1> 

3.引导主体副本
为了给段落添加强调文本,则可以添加class=”lead”,这将得到更大更粗行更高的文本

<p class="lead">引导主体副本</p>

4.强调

<small>设置文本为父文本大小的85%,<strong>设置文本为更粗的文本,<em>设置文本为斜体

5.缩写

<abbr>文本的底部一条虚线框,当鼠标悬停在上面时,会显示完整的文本。
<abbr title="World Wide Web">WWW</abbr><br>
<abbr title="Real Simple Syndication" class="initialism">RSS</abbr>

6.地址

<address>可以在网页上显示联系信息,默认为display:block
<address>
  <strong>Some Company, Inc.</strong><br/>
  007 street<br/>
  Some City, State XXXXX<br/>
  <abbr title="Phone">P:</abbr> (123) 456-7890
</address>

7.引用

<blockquote>添加一个 <small> 标签来标识引用的来源,使用 class .pull-right 向右对齐引用。
<blockquote class="pull-right">这是一个向右对齐的引用。<small>Someone famous in <cite title="Source Title">Source Title</cite></small></blockquote>

8.列表

列表分为有序列表和无序列表
无序列表是指没有特定顺序的列表,是以着重号开始的列表。可以使用class.list-unstyled移出样式

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

bootstrap框架学习笔记一(模板,排版-段落-列表-表格部分)

基本的bootstrap模板

Bootstrap_之网页内容排版

文章中介绍到可以使用small标记来为h1到h6标记添加副标题,但是在测试中却没有发生任何的效果! bootstrap会自动为段落""标签加上10px的底部外边距,全局字体大小为14px,行高为:1....

[学习笔记] BootStrap(一):排版(主副标题,文字等)

排版标题主标题h1-h6:一级标题副标题有2中写法,推荐 一级主标题 一级副标题 一级主标题 一级副标题 文字强调斜体 哦, 我居然是斜的 加粗 I'm very Black? 变小(85%...
  • guddqs
  • guddqs
  • 2016年12月29日 09:23
  • 998

bootstrap 学习之(二)------ 排版

BootstrapTest 我是标题1 h1. 我是副标题1 h1 我是标题2 h2. 我是副标题2 h...

Bootstrap学习之三:使用排版

@(Bootstrap)[网页] ##导言 本篇文章中将会学习bootstrap中用于排版的元素 **(由于用的MarkDown编辑器toc生成的目录,把标题下的几个演示标题也生成了,真的是呵呵哒)*...

Bootstrap全局CSS样式之排版

Bootstrap能完全友好的支持html5的文本元素,这里不再赘述,具体可参考我另一篇文章《html的文本元素总结》,这里主要针对Bootstrap封装好的CSS文本样式做一下汇总。 .small—...
  • bboyjoe
  • bboyjoe
  • 2015年07月23日 21:55
  • 1436

Bootstrap排版

本文主要介绍Bootstrap的排版,并对特殊的样式做出了说明。 愿您阅读后能有所收获,在bootstrap学习路上走得更远。 知其然,知其所以然。...

【Bootstrap3.0建站笔记一】表单元素排版

【Bootstrap3.0建站笔记一】表单元素排版

Bootstrap学习笔记 - 排版

bootstrap排版

添加内联子标题 (1)添加元素 (2)添加 .small class我是标题1我是副标题引导主题副本 添加 class=”lead”,给段落添加强调文本,将得到更大更粗、行高更高的文本。引导主体...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Bootstrap--排版
举报原因:
原因补充:

(最多只允许输入30个字)