Im vorherigen Artikel habe ich die Bootstrap3 -Studiennotizen (1) und die Grid System Bootstrap3 -Studiennotizen (2) und das Layout der Bootstrap3 -Studiennotizen (2) im Netzsystem eingeführt.
Verwenden Sie einfach die .table -Klasse auf dem Tabellen -Tag, um den Standardtischstil von Bootstrap zu verwenden
Wenn sich der Linienhintergrund abwechseln muss, können Sie ihn so festlegen:
Die Codekopie lautet wie folgt:
<tabelle>
Wenn Sie einen Rand benötigen, können Sie ihn so einstellen:
Die Codekopie lautet wie folgt:
<tabelle>
Wenn Sie möchten, dass die Maus in die Inhaltslinie wechselt, um einen reaktionsschnellen Effekt zu erzielen, können Sie sie so festlegen:
Die Codekopie lautet wie folgt:
<tabelle>
Wenn Sie möchten, dass die Tabelle kompakt ist und Platz speichert, können Sie sie so festlegen. Die Steigung der Zelle wird auf 4PX gesetzt, und die Standardpolsterung beträgt 8px:
Die Codekopie lautet wie folgt:
<tabelle>
Sie können auch einen bestimmten Stil zu einer Zeile hinzufügen:
<tr> <tr> <tr> <tr> <tr>
Um auf verschiedenen Geräten konsistent anzuzeigen, können Sie auch Reaktionseinstellungen für die Tabelle verwenden. Verwenden Sie DIV, um es außerhalb der Tabelle zu ändern, wodurch sich automatisch an Geräte weniger als 768px an die Geräte anpasst:
Die Codekopie lautet wie folgt:
<div>
Bootstrap unterstützt Tabellenelemente:
Das obige ist das relevante Kenntnis der Bootstrap3 -Studiennotizen (iii), die Ihnen vom Herausgeber vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!