Bootstrap Spaltenbreite - automatische Größenanpassung, wenn andere Container entfernt werden

Question

Ich habe ein paar Grafiken auf einer Seite angezeigt. Die obere Reihe hat vier Graphen,

<div class="col-md-3 col-sm-4 col-xs-12"> 

Die nächste Reihe hat zwei Graphen mit mit

<div class="col-md-6 col-sm-6 col-xs-12"> 

Jedes DIV hat eine enge Verbindung, die es von der Seite entfernt.

Ist es beim Schließen eines DIV möglich, dass die anderen automatisch die Größe ändern, um den 12-Spalten-Abstand zu verwenden?

4 Graphen, schließen 1 und es ändert sich von Col-MD-3 zu Col-MD-4, schließen Sie eine andere und es ändert sich zu Col-MD-6, schließen Sie eine andere und es ändert sich zu Col-MD-12.

und für die untere Reihe, schließen Sie 1 der 2 Grafiken und die anderen Änderungen an Col-MD-12?

Answer 1

Sie könnten Javascript verwenden, um die Klassen zu ersetzen, wenn Sie Ihre divs-IDs angeben.

document.getElementById("MyID").className = 
document.getElementById("MyID").className.replace(/\bcol-md-3\b/,'col-md-4');