どのようにブートストラップ・テーブル

Question

width="600"は無視され

<div class="container"> 
    <div class="row"> 
     <div> 
      <table class="table table-bordered table-striped" width="600"> 
       <tr> 
        <td>User Count</td> 
        <td>@Model.UserCount</td> 
       </tr> 
      </table> 
     </div> 
    </div> 
</div> 

私のHTMLのための特定の幅を設定します。私は、テーブルがコンテナ100％をいっぱいにしているので、これがどこかで読んでいます。しかし、これをオーバーライドしてテーブルの特定の幅を設定する方法はありますか？

Answer 1

width=600ではなくstyle="width:600px"を使用してください。 それとも、スタイルシートでそれを行うことができます。

.table {width:600px;} 

Answer 2

それは私のために働いている、以下試してください：

.table 
 
{ 
 
    width: 400px; 
 
    border: 1px solid black; 
 
}

<div class="container"> 
 
    <div class="row"> 
 
     <div> 
 
      <table class="table table-bordered table-striped"> 
 
       <tr> 
 
        <td>User Count</td> 
 
        <td>@Model.UserCount</td> 
 
       </tr> 
 
      </table> 
 
     </div> 
 
    </div> 
 
</div>