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

melquiades

melquiades +67

4 godz. i 54 min temu

Totalną żenadą ze strony TVP jest zupełny brak wypożyczeń komentatorów z innych stacji żeby ten komentarz podczas mundialu trzymał jakiś poziom, tak jak to było jeszcze kilka lat temu. Przy 104 meczach efekt jest taki, że 3/4 meczów komentują jakieś nołnejmy zabijające emocje, a resztę robią w kółko Borek i Laskowski. Nie wiem czy jakby taki mecz jak ten skomentował ktoś żyjący na co dzień angielską piłką jak np. Pełka to takiemu