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>