Bootstrap - main à hauteur variable

**jamdinhe** · 18/12/2024, 10h37

Bonjour,

J'ai ma conception sous bootstrap 5.3 comme suit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<body>
    <nav class="navbar fixed-top">
    </nav>
    <main class="container-fluid">
    </main>
    <footer class="fixed-bottom">
    </footer>
</body>

je souhaite avoir un main à hauteur height entre le nav fixé en entete et le footer fixé en pied,

de la sorte qu'il soit responsive,

quelle(s) classe(s) de bootstrap devrais-je utiliser ?

Merci à tout ceux qui veulent aider

amine

**mathieu** · 19/12/2024, 22h03

que voulez dire au sujet du "main qui est responsif" ?
quelque soit la taille de l'écran, la balise main occupera toujours la largeur de l'écran et toute la hauteur donc ce sont plutot les éléments à l'intérieur qui auront des effets responsifs ?

éventuellement pour les petits écrans, l'entête et le pieds de page ne seront plus fixes pour mieux voir le contenu principal ?

**jamdinhe** · 22/12/2024, 09h30

Mon besoin est que la balise main occupera la hauteur restante entre l'entête et le pied de page, elle sera en overflow: auto pour qu'un scroll bar se rajoute automatiquement,

donc quelque soit la taille de l'écran, l'entête et le pied ne gêneront pas.

Bootstrap - main à hauteur variable

Dimensionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager