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

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”> 设置最大代码区域

转载于:https://www.cnblogs.com/yeqifei/p/5006204.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值