NetAktiv
Senior HTML'ler
Hallo,
nehmen wir an, ich wollte (zumindest für Desktop Bildschirme) für einen Bereich #data meiner Seite beispielsweise für ein Formular folgendes Layout: rechts und links jeweils 150px leer und in der Mitte zentriert die Daten. Beim alten Design wusste ich die totale Fensterbreite mit 1000px und habe das wie folgt gelöst:
dieser Ansatz mit festen Breiten fällt natürlich nun aus. Was wäre denn beispielsweise mit Bootstrap die korrekte oder beste Lösung. Unter beste meine ich, dass der leere Platz an den Seiten möglichst so lange reduziert wird, bevor ein Umbruch passiert. Ich sehe folgende Möglichkeiten
nehmen wir an, ich wollte (zumindest für Desktop Bildschirme) für einen Bereich #data meiner Seite beispielsweise für ein Formular folgendes Layout: rechts und links jeweils 150px leer und in der Mitte zentriert die Daten. Beim alten Design wusste ich die totale Fensterbreite mit 1000px und habe das wie folgt gelöst:
HTML:
#data { width: 700px; margin: 0 auto}
dieser Ansatz mit festen Breiten fällt natürlich nun aus. Was wäre denn beispielsweise mit Bootstrap die korrekte oder beste Lösung. Unter beste meine ich, dass der leere Platz an den Seiten möglichst so lange reduziert wird, bevor ein Umbruch passiert. Ich sehe folgende Möglichkeiten
- #data { width: 70%; margin: 0 auto}
- #data { padding-left:15%; padding-right:15% }
- #data { width: 70%; margin-left: 15%}
- class=row und darin Zeile breite=8 Zellen, Offset 2, darin die #data
- Man lässt so etwas ganz und nutzt immer die volle Breite