☰

固定幅を設定するにはどうすればいいですか？質問する

tag-icon • tag-icon css twitter-bootstrap width html-table
固定幅を設定するにはどうすればいいですか？質問する

シンプルなスキーム:

  <tr class="something">
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td>D</td>
  </tr>

の固定幅を設定する必要があります<td>。試したこと:

tr.something {
  td {
    width: 90px;
  }
}

また

td.something {
  width: 90px;
}

のために

<td class="something">B</td>

そしてさらに

<td style="width: 90px;">B</td>

しかし、幅は<td>同じままです。

ベストアンサー1

Bootstrap 4.0の場合:

Bootstrap 4.0.0では、col-*クラスを確実に使用することはできません（Firefoxでは動作しますが、Chromeでは動作しません）。OhadRの回答:

<tr>
  <th style="width: 16.66%">Col 1</th>
  <th style="width: 25%">Col 2</th>
  <th style="width: 50%">Col 4</th>
  <th style="width:  8.33%">Col 5</th>
</tr>

Bootstrap 3.0の場合:

Twitter Bootstrap 3 では、class="col-md-*"次のように使用します。* は幅の列数です。

<tr class="something">
    <td class="col-md-2">A</td>
    <td class="col-md-3">B</td>
    <td class="col-md-6">C</td>
    <td class="col-md-1">D</td>
</tr>

Bootstrap 2.0の場合:

Twitter Bootstrap 2 では、class="span*"次のように使用します。* は幅の列数です。

<tr class="something">
    <td class="span2">A</td>
    <td class="span3">B</td>
    <td class="span6">C</td>
    <td class="span1">D</td>
</tr>

** 要素がある場合は<th>、要素ではなくそこに幅を設定します<td>。

おすすめ記事