Bootstrap : fixer une colonne

Par Vincent Pieplu, il y a 10 ans

Les bases HTML/CSS

Bonjour,

Je cherche avec Bootstrap à créer 2 colonnes. La première serait d'une largeur fixe, et l'intérieur figé. La seconde colonne, avec le corps du site serait bien responsive.

Merci de votre aide.

2 réponses

DylanVsn, il y a 10 ans

Salut Vincent,

Je pense que le bootstrap est fait pour étre résponsive mais ce que tu peux faire c'est placer d'abord ta colonne fixe et ensuite placer la seconde en absolute.

Colonne fixe :

  • width:200px;
  • float:left;

Colonne responsive :

  • float:left;
  • width:auto;

ou :

  • position: absolute;
  • left : 200px + 10px de marge donc 210px en left.

Mais avec le bootstrap je ne pense pas que cela soit possible directement.

Vincent Pieplu, il y a 10 ans

Merci tout d'abord pour ta réponse.

Cependant, je n'ai pas réussi à la mettre en pratique.

Voici ce que j'ai fait :

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

Merci de votre aide ;)