Bootstrap: Layout ändern

Question

Ich habe eine Website, die ähnlich wie this one auf Blättern reagiert.

Die Seitenleisten fallen unter den Inhalt des Hauptbereichs, sodass Sie den Inhalt der linken/rechten Leiste sehen, den Sie bis ganz nach unten scrollen müssen.

Aber unter this site ändern sich die Seitenleisten beim Ändern der Seitengröße immer noch an den entsprechenden Stellen. Sie können also nach links/rechts blättern, um ihren Inhalt anzuzeigen.

Gibt es eine Möglichkeit, die Website auf Desktops in der zweiten Weise zu verhalten?

<div class="container"> 
    <h1>Hello World!</h1> 
    <p>Resize the browser window to see the effect.</p> 
    <div class="row row-no-padding"> 
    <div class="col-md-4" style="background-color:lavender;">.col-md-4</div> 
    <div class="col-md-4" style="background-color:lavenderblush;">.col-md-4</div> 
    <div class="col-md-4" style="background-color:lavender;">.col-md-4</div> 
    </div> 
</div> 

fiddle

Answer 1

Versuchen Hinzufügen col-xs-4 zu den div Klassen

<div class="col-xs-4 col-md-4" style="background-color:lavender;">.col-sm-4</div>