Estoy tratando de utilizar solo bootstrap 4, y aunque ya se realizó el efecto que se realiza usando solo las clases de bootstrap, al parecer existe algo que no contemplaron los creadores, si aprecian en
http://www.acuarel.pe/plataforma/ que según el tamaño de pantalla desde donde los vean: las cajas se ordenan mal, ejemplo: las cajas número 1, 2 y 3 se ordenan en la misma columna 1, es más cuando se aprecia solo dos columnas se pueden ver la caja 20 a la derecha de la caja 1, lo cual está mal.
Tengo que mencionar que bootstrap por defecto muestra solo tres columnas y yo necesito 6 u 8 y por más que use el código de la documentación de bootstrap:
https://getbootstrap.com/docs/4.1/components/card/ Código PHP:
.card-columns {
@include media-breakpoint-only(lg) {
column-count: 4;
}
@include media-breakpoint-only(xl) {
column-count: 5;
}
}
No funciono, y tuve que colocar mi código, ejemplo:
Código PHP:
@media (min-width: 768px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
Que puedo hacer para resolver esto, en lo posible quisiera usar solo bootstrap, pero si bootstrap no lo hace ¿debo cambiarme de plataforma?