異なるブートストラップ バージョンで HTML テーブル セル (``) の固定列幅を設定するにはどうすればよいですか?

HTML テーブルの列幅の決定 要素

CSS を使用してテーブル データ セル (

要素) に固定幅を設定するには、使用されているブートストラップのバージョンを理解することが重要です。

< ;h3>Bootstrap 4.0 以降

の場合Bootstrap 4.0 以降のバージョンでは、ブラウザ間で一貫性がないため、col-* クラスに依存して列幅を制御することはお勧めできません。代わりに、次のアプローチをお勧めします:

<tr>
<br><th></th>
<th style="width: 25%">Col 2</th>
<br> <th> </th>
<th style="width: 8.33%">Col 5</th>
<br>
</tr><br>

Bootstrap 3.0

Bootstrap 3.0 内では、 -md- クラスは次のようにする必要があります は 12 の分割数で必要な列幅を表します。例:

<tr><pre class="brush:php;toolbar:false"><td><p></p></td>

pre>

ブートストラップ2.0

Bootstrap 2.0 では、span クラスを使用して列幅を制御します。 は必要な列の数を示します。例:

<tr><pre class="brush:php;toolbar:false"><td><p></p></td>

幅に注意することが重要です。

に設定する必要があります。 ではなく要素を使用します。要素 if 要素が行内に存在します。

以上が異なるブートストラップ バージョンで HTML テーブル セル (``) の固定列幅を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。