Tableau de base:
<Bile> <Tr> <Td> Nom d'utilisateur </td> <td> Mot de passe </td> </tr> <tr> <TD> AHHH </TD> <TD> 1111 </td> </tr> </ Table>
L'ajout d'une classe .table à la balise <table> peut lui donner un style de base, une petite quantité de rembourrage et de diviseurs horizontaux.
L'effet d'affichage est le suivant:
Forme rayée:
Ajouter: class = "table-table-stripped" à la balise de table peut ajouter des rayures zébrées à chaque ligne dans le TBOD
<Bile> <Tr> <Td> Nom d'utilisateur </td> <td> Mot de passe </td> </tr> <tr> <TD> AHHH </TD> <TD> 1111 </td> </tr> </ Table>
L'effet d'affichage est le suivant:
Table avec bordures:
Ajouter une classe = "table-table-border" à la balise de table pour ajouter des bordures à chaque cellule de la table.
<Bile> <Tr> <Td> Nom d'utilisateur </td> <td> Mot de passe </td> </tr> <tr> <TD> AHHH </TD> <TD> 1111 </td> </tr> </ Table>
L'effet d'affichage est le suivant:
Formulaire de resserrement:
L'ajout de la classe .table-condensed
<Bile> <Tr> <Td> Nom d'utilisateur </td> <td> Mot de passe </td> </tr> <tr> <TD> AHHH </TD> <TD> 1111 </td> </tr> </ Table>
L'effet d'affichage est le suivant:
Tableau réactif:
Enveloppez n'importe quel élément .table dans l'élément .table-responsive Lorsque l'écran est supérieur à une largeur de 768px, la barre de défilement horizontale disparaît
<div> <b Sweet> <Tr> <Td> Nom d'utilisateur </td> <td> Mot de passe </td> </tr> <tr> <td> ahhh </td> <td> 1111 </td> </tr> </s table> </div>
Ce qui précède est la description complète de la sixième introduction du style de forme bootstrap introduite par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!