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;

原文博主:梦想天空;