Columnas con la misma altura en Bootstrap


Columnas con la misma altura en BootstrapEn este tutoriales en linea mostraremos como colocar o poner las columnas con la misma altura en Bootstrap. En ocasiones a nuestro diseño Web se necesita que dos columnas sea de la misma altura por ello mostraremos el estilo pertinente para que sea iguales.

Para eso deben usar la propiedad de CSS display con el valor flex, de la siguiente forma:
Se debe aplicar esto al row de Bootstrap.

Un ejemplo sería:
<div class="row" style="display: flex;">
<div class="col-xl-8" style="border-style: solid; border-width: 0px 0px 2px 2px; padding:10px;"><b>Tutoriales En Linea</b></div>
<div class="col-xl-4" style="border-style: solid; border-width: 0px 2px 2px 2px; padding:10px;">Tutoriales En Linea.<br><br><br><br><br><br><br><br></div> 
</div>
Ver resultado de este tutoriales en linea

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-06-02
  • Categorias: Diseño Web Bootstrap html5 Html WebSite webmasters Noticias Tutorial

Deja un comentario



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!