我可以在Bootstrap面板中有两列吗?

时间:2014-02-17 14:09:00

标签: twitter-bootstrap-3 panel

刚开始使用Bootstrap。

有没有办法在面板的两侧放置两列?

由于

2 个答案:

答案 0 :(得分:46)

当然..就像你创建任何Bootstrap列一样:

<div class="panel panel-default">
     <div class="panel-heading">Title</div>
     <div class="panel-body">
        <div class="row">
            <div class="col-md-6">col1</div><div class="col-md-6">col2</div>
        </div> 
        <div class="row">
            <div class="col-md-6">col1</div><div class="col-md-6">col2</div>
        </div> 
        <div class="row">
            <div class="col-md-6">col1</div><div class="col-md-6">col2</div>
        </div> 
     </div>
</div>

http://www.bootply.com/114526

答案 1 :(得分:1)

您还可以拥有panel with a table

<div class="panel panel-default">
     <div class="panel-heading">Title</div>
     <table class="table">
        <tr>
            <td>Column 1</td>
            <td>Column 2</td>
        </tr>
     </table>
</div>