Bootstrap3.0学习笔记之表格相关
本文主要讲解的是表格，这个其实对于做过网站的人来说，并不陌生，而且可以说是最为常用的各种列表的展示，有时候也会因为用户或者老板的需求而感到头疼。下面我们来看一下，Bootstrap已经为我们准备那些类型的表格呢？如下所示：
为任意
| First Name | Last Name | User Name |
|---|---|---|
| aehyok | leo | @aehyok |
| lynn | thl | @lynn |
利用.table-striped可以给
之内的每一样增加斑马条纹样式。在上面示例的table元素上再添加一个 样式类
复制代码代码如下:
| # | First Name | Last Name | User Name |
|---|---|---|---|
| 1 | aehyok | leo | @aehyok |
| 2 | lynn | thl | @lynn |
| 3 | Amdy | Amy | @Amdy |
| 4 | Amdy | Amy | @Amdy |
| 5 | Amdy | Amy | @Amdy |
将任何.table包裹在.table-responsive中即可创建响应式表格，其会在小屏幕设备上（小于768px）水平滚动。当屏幕大于768px宽度时，水平滚动条消失。
复制代码代码如下:
| # | First Name | Last Name | User Name |
|---|---|---|---|
| 1 | aehyok | leo | @aehyok |
| 2 | lynn | thl | @lynn |
| 3 | Amdy | Amy | @Amdy |
| 4 | Amdy | Amy | @Amdy |
| 5 | Amdy | Amy | @Amdy |
看滚动条出现了额。
简简单单的几个样式类，可以将页面搞到这种程度，很不错，以后再也不用愁调样式了。
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/xinde/78757.html
相关文章
| 留言与评论（共有 0 条评论） |
