Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
CSS
Seite in drei Bereiche teilen (mit Bootstrap)
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="CptK, post: 11966, member: 3616"] Hallo, ich möchte meine Seite in 3 Bereiche teilen: einen Hauptteil, eine Sidebar und einen Fußbereich, wie in der Skizze zu sehen ist. [ATTACH type="full" width="355px"]172[/ATTACH] Dafür würde ich gerne Bootstrap nutzen. Mein bisheriger Ansatz: [CODE=html]<div class="container-fluid"> <div class="row"> <div class="col-9 bg-success" id="main"> Main part </div> <div class="col-3 px-1 bg-dark position-fixed offset-9" id="sticky-sidebar"> <div class="nav flex-column flex-nowrap vh-100 overflow-auto text-white p-2"> Sidebar </div> </div> </div> <div class="row bg-primary align-item-ends"> Footer </div> </div>[/CODE] Zudem wäre es schön, wenn man den Fuß- und Seitenbereich durch ziehen an den Rändern vergrößern/verkleinern kann. Ich hoffe, das stellt nicht vor zu große Probleme. LG [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
CSS
Seite in drei Bereiche teilen (mit Bootstrap)
Oben
Unten