Wpis z mikrobloga

Skopiuj link

23.07.2024, 19:11:42

#html #css #bootstrap #frontend

Chce zrobić prosty layout, ale niestety mam problem z zastosowaniem flexa.

Sposób w jaki ogarnąłem navbar i container niestety nie działa we wnętrzu tego kontenera. W TailwindCSS bez problemu robię ten layout ale w bootstrap totalnie nie ogarniam tych klas.

Bootstrap: 5

HTML:

<body>
<div class="d-flex flex-column min-vh-100">
    <!-- Topbar-->
    <div class="bg-info p-4">
        <nav class="d-flex justify-content-between">
            <div>left</div>
            <div>right</div>
        </nav>
    </div>
    <!-- Container-->
    <div class="bg-info-subtle p-4 flex-grow-1">
       <div class="d-flex flex-column">
            <!-- Container TOP-->
           <div class="bg-primary-subtle flex-grow-1">top - tu chce zrobic flex grow</div>
           <!-- Container BOTTOM-->
           <div class="bg-warning-subtle">bottom - a to chce miec zawsze na dole</div>
       </div>

    </div>
</div>

</body>

loginzajetysic - #html #css #bootstrap #frontend

Chce zrobić prosty layout, ale nies... — **źródło:** Bez tytułu
Pobierz

Phatee

23.07.2024, 19:59:13 via Wykop

@login_zajety_sic: Dodaj klasę d-flex do tego diva z klasami "bg-info-subtle p-4 flex-grow-1" i pojedzie jak chcesz.

login_zajety_sic

23.07.2024, 20:21:47 via Wykop

@Phatee: Dzięki! Nie wiem jak przeoczyłem dodanie tej klasy do tego diva :(

Aktywne Wpisy

pmg98

pmg98 +10

5 godz. i 11 min temu

Najgorsze w tym remisie jest to, że teraz każdy będzie Urbana stawiał na piedestał, hurr durr remis z wielką Holandią, w końcu trener z powołania, to na pewno początek czegoś wielkiego - g---o prawda. Wyglądaliśmy w tym meczu absolutnie żałośnie, mieliśmy może 3 groźniejsze sytuacje, a przez 90% czasu staliśmy w miejscu obserwując jak Holendrzy wymieniają podania i i elektrycznie próbowaliśmy powstrzymać każde, nawet te najmniejsze zagrożenie z ich strony. Przepiękny gol