Dans l'article précédent, j'ai introduit les notes d'étude Bootstrap3 (1) et le système de grille Bootstrap3 Notes d'étude (2) et la disposition des notes d'étude Bootstrap3 (2) dans le système de grille.
Utilisez simplement la classe .Table sur la balise de table pour utiliser le style de table par défaut de Bootstrap
Si l'arrière-plan de la ligne doit être alterné, vous pouvez le définir comme ceci:
La copie de code est la suivante:
<ballage>
Si vous avez besoin d'une bordure, vous pouvez le définir comme ceci:
La copie de code est la suivante:
<ballage>
Si vous voulez que la souris se déplace vers la ligne de contenu pour avoir un effet réactif, vous pouvez le définir comme ceci:
La copie de code est la suivante:
<ballage>
Si vous voulez que la table soit compacte et économise de l'espace, vous pouvez le définir comme ceci. La temblée de la cellule sera coupée à 4px, et le rembourrage par défaut est de 8px:
La copie de code est la suivante:
<ballage>
Vous pouvez également ajouter un style spécifique à une ligne:
<tr> <tr> <tr> <tr> <tr>
Afin d'afficher de manière cohérente sur différents appareils, vous pouvez également utiliser des paramètres réactifs pour la table. Utilisez Div pour le modifier à l'extérieur de la table, qui s'adaptera automatiquement aux appareils inférieurs ou supérieurs à 768px:
La copie de code est la suivante:
<div>
Bootstrap prend en charge les éléments de table:
Ce qui précède est la connaissance pertinente de la forme des notes d'étude Bootstrap3 (iii) qui vous est présentée par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!