betway体育注册_betway必威官网登录「www.betway365.com」

Bootstrap30学习第五轮:表格

  本文主要讲解的是表格,这个其实对于做过网站的人来说,并不陌生,而且可以说是最为常用的各种列表的展示,有时候也会因为用户或者老板的需求而感到头疼。下面我们来看一下,Bootstrap已经为我们准备那些类型的表格呢?

  标签添加.table可以为其赋予基本的样式少量的内补(padding)和水平方向的分隔线。这种方式看起来很多余!?但是我们觉得,表格元素使用的很广泛,如果我们为其赋予默认样式可能会影响例如日历和日期选择之类的插件,所以我们选择将其样式独立出来。

  利用.table-condensed可以让表格更加紧凑,单元格中的内部(padding)均会减半。

  将任何.table包裹在.table-responsive中即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。当屏幕大于768px宽度时,水平滚动条消失。

  简简单单的几个样式类,可以将页面搞到这种程度,很不错,以后再也不用愁调样式了。

您可能还会对下面的文章感兴趣: