bootstrap学习(全局CSS样式)(二)

标题类:.h1到.h6

页面主体

bootstrap将全局font-size设置为14px,line-height设置为1.428,这些属性
直接赋予元素和所有段落元素。

文本对齐类

text-left
text-center
text-right
text-justify
text-nowrap

改变大小写类

text-lowercase
text-uppercase
text-capitalize

条纹状表格

通过.table-striped类可以给之内的每一行增加斑马条纹样式

跨浏览器兼容性:
条纹状表格依赖:nth-child CSS选择器实现的,而这一功能不被IE8支持

带边框的表格

添加.table-bordered类为表格和其中的每个单元格增加边框

    <table class="table table-bordered">
    ...
    </table>

鼠标悬停

通过添加.table-hover类可以让中的每一行对鼠标悬停状态做出响应

紧缩表格:.table-condensed类

状态类

.active 鼠标悬停在行或单元格上时所设置的颜色
.success 标识成功或积极的动作
.info 标识普通的提示信息或动作
.warning 标识警告或需要用户注意
.danger 标识危险或潜在的带来负面影响的动作

posted @ 2017-04-25 15:11  sminocence  阅读(190)  评论(0编辑  收藏  举报