Discussion :

[Floflo18]

Bonjour a tous,

Je tombe sur un soucis, qui serait la creation de trois colonnes de dimension egal mais plus large que l'ecran.

Aujourd'hui j'ai deux colonne avec (col-md-6), j'aimerais garder cette dimension et ajouter ma troisieme colonne a droite et naviguer avec le scrollbar.

Merci pour vos reponses.

Floflo

[Invité]

Bonjour,

il faut alors :

• 3 div "col-md-4" dans un div "row"
• dans un container de largeur 150%, en overflow-y:hidden; et overflow-x:auto;

exemple :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="container">
 
  <div class="row">
 
    <div class="col-md-4">
      bloc 1
    </div>
 
    <div class="col-md-4">
      bloc 2
    </div>
 
    <div class="col-md-4">
      bloc 3
    </div>
 
  </div>
 
</div>

Code css :

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

1
2
3
4
5
6
7
8
9
10
.container { 
  width:600px; 
  overflow-y:hidden; 
  overflow-x:auto; 
}
.container > .row { 
  width:900px; 
  margin:0; 
  padding:0; 
}

[Floflo18]

Ça fonctionne très bien merci.
Mais je n'ai pas eu besoin des overflow, ont ils une utiliser pour des mouvements ou zoom?