Hier ein Beispiel vom Aufbau des Bootstrap Grid Systems, das sich in responsive Zeilen (rows) von je 12 Spalten (columns) aufteilt.
Gehe mit der Maus über das Grid. Jede Spalte ist einzeln ansprechbar und jeder Spalte kann man ein Offset nach links geben, also einrücken. Je nachdem wie viele Spalten für welche Display-Größe zusammengefasst werden, ergibt sich ein anderes Layout.
Am Smartphone werden sich diese Spalten dann entsprechend untereinander verschieben.
Bitte lest auch hier über das Bootstrap Grid System. Dort findet ihr auch Angaben über die Breakpoints (Haltepunkte) für die unterschiedlichen Displaygrößen.
Guckt euch auch mal dieses ziemlich alte YouTube Video bezüglich des Grid an. Dort noch mit "Mobirise3" erstellt, daher sieht der "Code Editor" anders aus.