¿Cómo se pone un espacio entre dos filas en una mesa de bootstrap?

¿Cómo se pone un espacio entre dos filas en una mesa de bootstrap?

Las tablas son los componentes que ayudan a organizar los datos. Bootstrap proporciona múltiples clases que se utilizan para crear diferentes tablas, como "sin borde"Que crea una mesa sin fronteras", "oscuro"Que se usa para crear una mesa de color oscuro",bordado"Utilizado para hacer mesas con bordes y muchas más. Más específicamente, el "colapso de fronteras" y "espacio fronterizoLas propiedades se utilizan para agregar espacio entre las filas de la tabla.

Este artículo describirá:

    • Cómo crear una mesa bordeada de bootstrap?
    • Cómo agregar espacio entre las filas de la mesa en Bootstrap?

Cómo crear una mesa bordeada en bootstrap?

La mesa limitada se crea utilizando el

Elemento con la clase "Bordeado por la tabla". Las siguientes son las instrucciones para crear una tabla:

    • Primero, agregue el "
"Etiqueta con el"mesa" y "bordado"Clases.
  • El ""La etiqueta se usa para crear la parte del encabezado y el"
  • "La etiqueta se usa para especificar la parte del cuerpo.
  • El "
  • "La etiqueta crea filas de la mesa, la"
    "La etiqueta agrega encabezados y el""La etiqueta incluye los datos de la tabla.

    Html


















    NombresProfesión
    JohnIngeniero de software
    OliverMaestro


    Producción

    Cómo agregar espacio entre las filas de la mesa en Bootstrap?

    Para agregar espacios entre las filas de la tabla, el CSS "colapso de fronteras" y "espacio fronterizoSe utilizan propiedades. La propiedad de "colapso de border" CSS con el valor asignado como "separado"Mantiene el borde de la mesa separado. Mientras que la propiedad de "espacios fronterizos" agrega espacio entre las fronteras.

    Clase de estilo "Table" de estilo

    .mesa
    colapso de borde: separado;
    Espaciado en el borde: 0 2px;


    Como puede ver en la imagen proporcionada a continuación, los espacios entre las filas de la tabla se han agregado correctamente:


    Así es como puedes poner un espacio entre las filas en la tabla de bootstrap.

    Conclusión

    Para agregar espacios entre las filas de la tabla, primero, cree una tabla utilizando el

    elemento. Agregue la "tabla" y "bordado"Clases para el"
    "Elemento para proporcionarle estilos y fronteras generales, respectivamente. Luego, agregue los espacios entre las filas usando el CSS "espacio fronterizo" propiedad. Esta propiedad funciona con el "colapso de fronteras"Propiedad que tiene valor" separado ". Este artículo ha descrito cómo poner espacio entre las filas en la tabla de bootstrap.