Bootstrap_之网页内容排版

文章中介绍到可以使用small标记来为h1到h6标记添加副标题,但是在测试中却没有发生任何的效果!
bootstrap会自动为段落"<p></p>"标签加上10px的底部外边距,全局字体大小为14px,行高为:1.428;
address:标签让联系信息以最接近日常使用的格式呈现,每行结尾添加<br/>可以保留需要的样式;
dl:描述性列表dl内只可以有dt或者dd,dt会将文本加粗处理,dd正常显示;
类:
lead:突出段落;
text-muted:文本灰白;
text-primary:文本淡蓝,悬浮变蓝;
text-success:文本淡绿,悬浮变绿;
text-info:文本蓝,悬浮变墨蓝;
text-warning:文本灰橙,悬浮青绿色;
text-danger:文本红,悬浮变黑红;
initialism:将文本中的字母全转换为大写;
pull-right:将默认在左边的引用改变为在右边;
list-inline:将列表项浮动为一行;
dl-horizontal:让描述性列表的dt与dd匹配显示,一个dt与一个dd占一行,左边会出现一定的内边距;
table:可为表格添加少量的内补和水平方向的分隔线,最后一行不会出现分割线,如果表格中出现了thead表格头的话thead的头部也不会出现分割线;
table-striped:为表格的奇数行添加背景颜色,并不鲜艳;
table-bordered:为表格添加边框,边框线合二为一;
table-hover:为表格行添加悬浮伪类事件,背景颜色发生变化!
table-condensed:紧缩表格行,宽度不发生变化;
table-responsive:创建响应式表格,将任何的表格包含在含有这个类的容器中即可创建响应式表格,就是在一个div中加入这个类后在将表格放在div中
以下四个类如果加在具有背景颜色的tr或者td上背景颜色不会发生改变,悬浮时会更改为类设置的颜色:
active:表格响应悬浮伪类时颜色变为深灰色;
success:表格行颜色变为嫩绿色,在响应悬浮事件时颜色稍稍加深;
warning:表格行变为嫩橙色,在响应悬浮事件是颜色稍稍加深;

danger:表格行变为浅棕色,在响应悬浮时间时颜色稍稍加深;




此文为手抄笔记;

原文博客来自:http://www.cnblogs.com/aehyok/p/3404725.html;

原文博主:梦想天空;
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值