Wie kann ich mit Bootstrap eine feste Breite für Elemente in HTML-Tabellen festlegen?

Feste Breite für in HTML-Tabellen

Um eine feste Breite für Tabellenzellen () in HTML festzulegen, können je nach verwendeter Bootstrap-Version verschiedene Ansätze verfolgt werden.

Bootstrap 4.0

In Bootstrap 4.0 werden durch die alleinige Verwendung der col-*-Klassen (z. B. col-md-3) feste Breiten für nicht zuverlässig festgelegt. Elemente aufgrund von Browserkompatibilitätsproblemen. Stattdessen wird Folgendes empfohlen:

<tr>
  <th>

Bootstrap 3.0

Mit Bootstrap 3.0 können feste Breiten über die col-md--Klasse festgelegt werden, wobei die Anzahl der Spalten mit der gewünschten Breite darstellt:

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

Bootstrap 2.0

Für Bootstrap 2.0 sollte stattdessen die Klasse span* verwendet werden:

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

Wichtiger Hinweis:

Wenn bei der Verwendung dieser Techniken Wenn auch Elemente in der Tabelle vorhanden sind, empfiehlt es sich, die Breite auf das Elemente anstelle der Elemente, um Konsistenz zu gewährleisten.

Das obige ist der detaillierte Inhalt vonWie kann ich mit Bootstrap eine feste Breite für Elemente in HTML-Tabellen festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!