首页 > Web开发 > 详细

Chapter 2 unit 2 of Bootstrap-Bootstrap CSS

时间:2014-04-19 18:44:50      阅读:497      评论:0      收藏:0      [点我收藏+]

代码

内联代码

代码如果需要将代码包含在页面中,那么就需要<code>标签,注意转义部分。

For example, <code>&lt;section&gt;</code> should be wrapped as inline.

基本代码块

<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>


表格

基本案例

为任意<table>标签添加.table可以为其赋予基本的样式—少量的内补(padding)和水平方向的分隔线。

条纹状表格

利用.table-striped可以给<tbody>之内的每一样增加斑马条纹样式。

带边框表格

利用.table-bordered为表格和其中的每个单元格增加边框。

鼠标悬停

利用.table-hover可以让<tbody>中的每一行响应鼠标悬停状态。

紧缩表格

利用.table-condensed可以让表格更加紧凑,单元格中的内部(padding)均会减半。

状态class

通过这些状态class可以为行或单元格设置颜色。

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

将任何.table包裹在.table-responsive中即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于768px宽度时,水平滚动条消失。

Chapter 2 unit 2 of Bootstrap-Bootstrap CSS,布布扣,bubuko.com

Chapter 2 unit 2 of Bootstrap-Bootstrap CSS

原文:http://blog.csdn.net/michael10001/article/details/24114727

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!