Bootstrapパネル内に2つの列を入れることはできますか？

Question

Bootstrapを始めましょう。

パネルの横に2つの列を持つ方法はありますか？

ありがとう

Answer 1

確かに、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

Answer 2

テーブルのあるパネル を使用することもできます。

<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>