#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>