码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap页面布局10 - BS表格

时间:2014-08-02 18:01:03      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   2014   log   table   

①了解需要怎样的表格标签结构

  bubuko.com,布布扣

②bootstrap为我们提供了一些类来变换表格样式

  1、table中添加 <table class=‘table‘></table>

  如图:

    bubuko.com,布布扣

  2、table中添加 <table class=‘table table-striped‘></table> -- 奇偶行背景色区别

  如图:

     bubuko.com,布布扣

  3、table中添加<table class=‘table table-bordered‘></table> -- 表格显示边框且边框四周是圆角

      bubuko.com,布布扣

  4、table中添加 <table class="table table-condensed"></table> -- 压缩表格->缩小表格内边距

      bubuko.com,布布扣

  5、综合使用table类,即将上面所有的table类综合运用在一个表格中,实际开发中根据需要选择合适的类

    <table class=‘table table-condensed table-bordered table-striped‘></table>

    如图:

      bubuko.com,布布扣

 

    

Bootstrap页面布局10 - BS表格,布布扣,bubuko.com

Bootstrap页面布局10 - BS表格

标签:style   blog   http   color   使用   2014   log   table   

原文地址:http://www.cnblogs.com/Zell-Dinch/p/3887177.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!