Bootstrap et colonne fixe

**PIEPLU** · 17/01/2016, 14h20

Bonjour,

J'utilise Bootstrap dans la réalisation de mon site et j'ai besoin de faire un trucs un peu particulier.
L'idée est d'avoir une colonne à gauche de largeur fixe, et figée.

Puis, dans la colonne de droite, que ce soit responsive.

J'ai pour l'instant fait :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2 col-left fixed">
                Col 1
            </div>
            <div class="col-md-10 col-md-offset-2">
                Col 2            
            </div>
        </div>      
    </div>
</body>

Auriez vous une idée sur la façon de faire ?

Merci

**Inikaam** · 26/01/2016, 11h58

Bonjour PIEPLU,

Bootstrap est prévu pour avoir des éléments qui s'adaptent, il n'est pas construit pour gérer des éléments à taille fixe. Pour au moins les conteneurs de ta colonne de gauche et de ton contenu, il faudra se passer de bootstrap et décider toi-même des tailles et marges nécessaires. J'aurai tendance à conseiller les propriétés display: flex si tu n'as pas de grosses contraintes de compatibilité. Sache cependant qu'avec une colonne à largeur fixe, tu ne seras plus responsive à moins de faire des media-queries personnalisées.

Si le flex ne convient pas, essaie malgré tout le fonctionnement reponsive de bootstrap, tout dépend de ce qui doit se trouver dans ta colonne de gauche.

Bootstrap et colonne fixe

HTML

Vue hybride

Discussions similaires

Partager

Partager