Bootstrap : fixer une colonne

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

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
Auteur

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