ブートストラップを使用して HTML テーブルの要素に固定幅を設定するにはどうすればよいですか?

の固定幅HTML テーブル内

HTML でテーブル セル () の固定幅を確立するには、使用している Bootstrap のバージョンに応じて、さまざまな方法を使用できます。

Bootstrap 4.0

Bootstrap 4.0 では、col-* クラス (col-md-3 など) を単独で使用すると、 の固定幅を確実に設定できません。ブラウザの互換性の問題による要素。代わりに、以下を推奨します:

<tr>
  <th>

Bootstrap 3.0

Bootstrap 3.0 では、col-md- クラスを使用して固定幅を設定できます。ここで、 は必要な幅の列数を表します:

<tr>
  <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></p>
<p><strong>Bootstrap 2.0</strong></p>
<p>Bootstrap 2.0 の場合は、代わりに span* クラスを使用する必要があります。</p>
<pre class="brush:php;toolbar:false"><tr>
  <td class="span2">A</td>
  <td class="span3">B</td>
  <td class="span6">C</td>
  <td class="span1">D</td>
</tr>

重要な注意事項:

これらのテクニックを使用する場合、要素もテーブル内に存在するため、

番目の要素に幅を設定することをお勧めします。 ではなく要素を使用します。一貫性を確保するための要素。

以上がブートストラップを使用して HTML テーブルの要素に固定幅を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。