博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap页面布局10 - BS表格
阅读量:4652 次
发布时间:2019-06-09

本文共 552 字,大约阅读时间需要 1 分钟。

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

  

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

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

  如图:

    

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

  如图:

     

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

      

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

      

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

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

    如图:

      

 

    

转载于:https://www.cnblogs.com/Zell-Dinch/p/3887177.html

你可能感兴趣的文章
(转载)DLL动态链接库编程入门之三:MFC规则DLL(上)
查看>>
隐藏Nginx或Apache以及PHP的版本号的方法
查看>>
N32926之jlink调试配置
查看>>
ASP.NET ACCESS 分页
查看>>
HashMap
查看>>
Android广播机制概述
查看>>
mysql触发器
查看>>
我是怎么让全国最大的儿童失踪预警平台流量掉底的
查看>>
[javascript]9宫格拖拽拼图游戏 puzzle
查看>>
Entity Framework底层操作封装(3)
查看>>
python 全栈开发,Day37(操作系统的发展史)
查看>>
InputStream 转换 InputStreamReader再转换BufferedReader
查看>>
在线程池中的使用spring aop事务增强
查看>>
继续深入了解Cookie 和 Session
查看>>
再看《操作系统》--处理机管理
查看>>
亚马逊的负载均衡(Amazon Load Balancing)
查看>>
Java学习之Comparable与Comparator的区别
查看>>
微信小程序canvas把正方形图片绘制成圆形
查看>>
CentOS安装python-2.7+安装pip-10.0.0
查看>>
串行通信概念解析
查看>>