试试看怎么样

来源:4-6 列的嵌套

979103157

2015-05-08 11:03


试试看看怎么样

写回答 关注

1回答

  • tom0008668
    2015-12-14 14:38:37

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>列的嵌套</title>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css">
    </head>

    <body>
    <div class="container">
      <div class="row">
        <div class="col-md-8">
          我的里面嵌套了一个网格
          <div class="row">
            <div class="col-md-6">
                  <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>名称</th>
                            <th>内容</th>
                        </tr>
                    </thead>
                      
                    <tbody>
                        <tr>
                            <td>01</td>
                            <td>晚上</td>
                            <td>这是内容</td>
                        </tr>
                    </tbody>
                  </table>
                    

         
            </div>
            <div class="col-md-6">col-md-6</div>
          </div>
        </div>
        <div class="col-md-4">col-md-4</div>
      </div>
      <div class="row">
        <div class="col-md-4">.col-md-4</div>
        <div class="col-md-8">
          我的里面嵌套了一个网格
          <div class="row">
            <div class="col-md-4">
                  <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>名称</th>
                            <th>内容</th>
                        </tr>
                    </thead>
                      
                    <tbody>
                        <tr>
                            <td>01</td>
                            <td>晚上</td>
                            <td>这是内容</td>
                        </tr>
                    </tbody>
                  </table>
            </div>
            <div class="col-md-4">col-md-4</div>
            <div class="col-md-4">col-md-4</div>
          </div>
        </div>
      </div>
    </div>


    </body>
    </html>

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题