码迷,mamicode.com
首页 > Web开发 > 详细

bootstrap在reset.css文件中设置margin为0,因此其他的标签需要重新设计margin。

时间:2015-11-30 08:28:53      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

bootstrap在reset.css文件中设置margin为0,因此其他的标签需要重新设计margin。



1.h



<h>标签和普通使用方法一样。



定义了.h1~.h6六个类名,样式和标题样式一样。



副标题用<small>标签指出,必须包含在h标签内。





<h1>Bootstrap标题一</h1>

<div class="h1">Bootstrap标题一</div>

<h1>Bootstrap标题一<small>我是副标题</small></h1>



2.p



定义<body>的字体库、字号、行高、颜色,<p>标签继承这些设置,单独设置margin-bottom为10px,使用方法同普通方法。



强调内容



增大:.lead;



加粗:<strong>; <b>(设置font-weight: bold)



斜体:<em>;<i> (设置font-style: italic)



不变:<cite>



变小:<small>,.small



强调类(颜色)



• .text-muted:提示,使用浅 灰色(#999) 





• .text-primary:主要,使用 蓝色(#428bca) 





• .text-success:成功,使用 浅绿色(#3c763d) 





• .text-info:通知信息,使用 浅蓝色(#31708f) 





• .text-warning:警告,使用 黄色(#8a6d3b) 





• .text-danger:危险,使用 褐色(##a94442) 





文本对齐



(设置text-align:center、left、right、justify)



?   .text-left:左对齐



?   .text-center:居中对齐



?   .text-right:右对齐



?   .text-justify:两端对齐



3.列表(ul ol dl)



Bootstrap对于列表,只是在 margin 上做了一些调整 

margin-top: 0;

  margin-bottom: 10px;

去除项目符号

.list-unstyled

(padding-left: 0;

list-style: none;)

内联列表,制作水平导航

.list-inline

代码

<code> <pre> <kbd>

<pre class=“.pre-scrollable”> 设置最大代码区域

bootstrap在reset.css文件中设置margin为0,因此其他的标签需要重新设计margin。

标签:

原文地址:http://www.cnblogs.com/yeqifei/p/5006204.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!