首页 > 其他 > 详细

Bootstrap页面布局10 - BS表格

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

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

  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表格

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

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