Bootstrap3学习笔记(三)之表格
更新时间：2016年05月20日 11:40:38 投稿：mrr
这篇文章主要介绍了Bootstrap3学习笔记(三)之表格的相关资料,需要的朋友可以参考下
在上篇文章给大家介绍了 BootStrap3学习笔记(一)之网格系统 Bootstrap3学习笔记(二)之排版
只需要在table标签上使用.table类，就可以使用bootstrap默认的表格样式
如果需要行背景有交替变化，可以这样设定：
复制代码 代码如下:
<table class="table table-striped">
如果需要边框，可以这样设定：
复制代码 代码如下:
<table class="table table-bordered">
如果希望鼠标移动到内容行上有响应效果，可以这样设定：
复制代码 代码如下:
<table class="table table-hover">
如果希望表格紧凑一点节省空间，可以这样设定，cell的pedding将减半为4px，默认padding为8px：
复制代码 代码如下:
<table class="table table-condensed">
也可以给某行加上特定的样式：
<tr class="active"> <tr class="success"> <tr class="info"> <tr class="warning"> <tr class="danger">
为了不同设备上显示一致，对表格也可使用响应式设定，在表格外使用div修饰一下，将自动适应小于或大于768px的设备：
复制代码 代码如下:
<div class="table-responsive">
Bootstrap支持的表格元素：
以上所述是小编给大家介绍的Bootstrap3学习笔记(三)之表格的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
下面小编就为大家带来一篇浅谈JS验证表单文本域输入空格的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
今天在项目碰到一个问题，之前在项目首页实现单列表的显示和隐藏，通过wx:if判断就可实现，现在要实现多列表的单项显示和隐藏功能应该如何实现呢？下面小编给大家带来了微信小程序之多列表的显示和隐藏功能，感兴趣的朋友一起看看吧2018-08-08
这篇文章主要为大家介绍了JavaScript数组的常用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要介绍了javascript回调函数的概念理解与用法,结合具体实例形式分析了javascript回调函数的功能、原理、使用方法与相关注意事项,需要的朋友可以参考下2017-05-05
这篇文章主要介绍了JS简单实现动态添加HTML标记的方法,结合实例形式分析了JavaScript使用createElement()方法针对页面元素进行动态操作相关实现技巧,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了js实现的简练高效拖拽功能,通过对js鼠标事件的扩展实现拖拽效果,非常简单实用,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了Javascript地址引用代码实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
与直接使用Promise相比，使用async/await不仅可以使代码更具可读性，而且还可以在JavaScript引擎中实现一些有趣的优化。这篇文章是关于一个这样的优化，涉及异步代码的堆栈追踪。2021-04-04
这篇文章主要为大家详细介绍了JavaScript表单验证，重点介绍了E-mail验证，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
今天小编就为大家分享一篇layui插件表单验证提交触发提交的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论