码迷,mamicode.com
首页 > 其他好文 > 详细

Table instance tutorial

时间:2018-01-05 19:09:26      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:一个   pad   边框   res   基本   创建   元素   com   pre   

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素:

  

技术分享图片
<body>
    <div class="table-responsive">
    <table class="table table-bordered table-hover " style="text-align:center;">
                <!--table-striped 类可以给 <tbody> 之内的每一行增加斑马条纹样式。
                    table-condensed 类可以让表格更加紧凑,单元格中的内补(padding)均会减半。
                    table-bordered 类为表格和其中的每个单元格增加边框。
                    table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应。
                    table 类可以为其赋予基本的样式 — 少量的内补(padding)和水平方向的分隔线。
                -->
        <tr class="active">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr class="danger">
            <td>1</td>
            <td>2</td>
        </tr>

        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>

    </table>
Common attributes

 技术分享图片

 

Table instance tutorial

标签:一个   pad   边框   res   基本   创建   元素   com   pre   

原文地址:https://www.cnblogs.com/97tng/p/8206147.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!