En el artículo anterior, introduje las notas de estudio Bootstrap3 (1) y las notas de estudio Bootstrap3 del sistema de cuadrícula (2) y el diseño de las notas de estudio de Bootstrap3 (2) en el sistema de cuadrícula.
Simplemente use la clase .table en la etiqueta de la tabla para usar el estilo de tabla predeterminado de Bootstrap
Si el fondo de línea necesita estar alternando, puede configurarlo así:
La copia del código es la siguiente:
<Table>
Si necesita un borde, puede configurarlo así:
La copia del código es la siguiente:
<Table>
Si desea que el mouse se mueva a la línea de contenido para tener un efecto receptivo, puede configurarlo así:
La copia del código es la siguiente:
<Table>
Si desea que la tabla sea compacta y ahorre espacio, puede configurarla así. El pedido de la celda se cortará a 4px, y el relleno predeterminado es 8px:
La copia del código es la siguiente:
<Table>
También puede agregar un estilo específico a una fila:
<tr> <tr> <tr> <tr> <tr>
Para mostrar constantemente en diferentes dispositivos, también puede usar configuraciones receptivas para la tabla. Use Div para modificarlo fuera de la tabla, que se adaptará automáticamente a dispositivos inferiores o mayores de 768px:
La copia del código es la siguiente:
<div>
Bootstrap admite elementos de tabla:
Lo anterior es el conocimiento relevante del formulario Bootstrap3 Study Notes (III) que le introdujo el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!