css - rejillas - Las columnas Bootstrap se saltan dos lugares

rejillas bootstrap 4

Question

Tengo una página PHP con algunos elementos en una página. Quiero tres columnas en monitores grandes, pero esto es lo que hace. Una columna simplemente se salta dos columnas en la primera página. No hace eso cuando hay cuatro columnas, pero quiero tres.

No hay otro estilo en las columnas, ¿por qué lo hace?

Answer 1

es sobre la altura de los elementos. puede usar los divs clasificados en filas de la siguiente manera.

<div class="row">
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
</div>
<div class="row">
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
  <div class="col-md-4 col-sm-6 col-xs-12">...</div>
</div>

Answer 2

La sugerencia de Tanbi es buena según las pautas de bootstrap, pero si no quieres agregar .row div entre el elemento div , puedes usar el css mencionado a continuación.

.col-md-4:nth-child(3n+3) + .col-md-4{clear:both;}

No estoy seguro, pero creo que es trabajo.