Feste Breite Spalte mit einem container-fluid
Ich versuche eine Lösung zu finden, um einen seitlichen Spalte auf der linken Seite mit fester Breite, und klicken Sie dann auf der rechten Seite eine normale Bootstrap -container-fluid
.
Selbst wenn die sidebar befindet sich nicht in der Bootstrap-Struktur, ist es ok. Ich meine, es hat nicht mit col-xx-xx
Klasse.
Was ich Tue, das Hauptproblem ist, dass ich nicht zu verwalten, um die fluid-container bleibt neben der Seitenleiste.
Der Punkt ist auch, dass wenn ich das display auf keine der Seitenleiste, der Flüssigkeitsbehälter ist, um die volle Breite der Seite.
InformationsquelleAutor somtam | 2016-03-17
Du musst angemeldet sein, um einen Kommentar abzugeben.
Einen fest-flüssig - layout ist möglich in Bootstrap 3, aber jetzt, dass Bootstrap-4 ist das flexbox-layout ist viel einfacher. Sie brauchen nur zu aktivieren, flexbox, und machen ein paar einfache Anpassungen an die Breite des Ihre festen seitlichen Spalte
flex: 0 0 300px;
, und dannflex: 1;
auf Ihrem Haupt-Spalte zu füllen, die restliche Breite...Bootstrap-4 Alpha 2
http://codeply.com/go/eAYKvDkiGw
Hier ist ein einfacher update für die neueste Bootstrap-4 die flexbox standardmäßig:
Bootstrap-4 Alpha 6 und Beta
http://codeply.com/go/V9UQrvLWwz
Siehe auch: Wie Baue ich ein 2 Spalten (Fest - Flüssig) Layout mit Twitter Bootstrap?
Update 2018
Bootstrap 4.0.0 Beispiel
InformationsquelleAutor
Versuchen, einschließlich Ihrer
container-fluid
imdiv
mitmargin-left: 200px
(wo 200px ist Ihre sidebar-Breite).Dann positionieren Sie den Kasten mit
position: absolute
zum BeispielInformationsquelleAutor