Ich baue meine erste Seite mit Twitter Bootstrap und experimentiere mit flüssigen Layouts. Ich habe meinen Container so eingestellt, dass er flüssig ist. Jetzt nimmt der Inhalt die gesamte Seitenbreite ein und passt sich an, wenn ich die Größe des Browsers ändere.
Das Design, an dem ich arbeite, wurde für eine maximale Breite von ~ 950px erstellt.
Ich habe variables.less
und responsive.less
und die Bootstrap-Dokumentation überprüft . Ich kann nicht genau herausfinden, wie ich das erreichen kann.
Ich habe auch versucht, Folgendes zu meinem hinzuzufügen style.css
:
body {
max-width: 950px;
}
quelle
body
wie zuvor nach links anstatt nach Mitte ausgerichtet. Irgendwelche Vorschläge? Ich habe versuchtmargin
,auto
links und rechts einzustellen.body
eine hatmax-width
, nur für den Fall, dass ich etwas außerhalb des Containers tun möchte. Abgesehen davon habe ich es mit einem Flüssigkeitsbehälter zu tun. Wenn ich meinen Behälter auf Flüssigkeit stelle, dehnt er sich auf die gesamte Körperbreite aus. Deshalb versuche ich, eine maximale Breite für den Körper festzulegen.@media (min-width: 768px) and (max-width: 979px) { .. }
In Ihrem Fallmax-width:950px;
.