Discussion :

[dominos]

Bonjour,

Depuis hier, j'essai en vain de placer 3 colonnes au centre de la page de 175px chacune et cote à cote,
dans chaque colonne la lecture se fait du haut vers le bas, puis colonne suivante, etc.

Auriez-vous une idée "responsive",
En vous remerciant par avance,

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
<div class="container text-center">
	  <div style="display: inline;background-color: fuchsia;width:175px;height:auto;">
	   <a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 1-1</a>
	   <br><a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 1-2</a>
	   <br><a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 1-3</a>
      </div>
	  <div style="display: inline;background-color: aqua;width:175px;height:auto;">
	   <a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 2-1</a>
	   <br><a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 2-2</a>
	   <br><a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 2-3</a>
	  </div>
	  <div style="display: inline;background-color: fuchsia;width:175px;">
	   <a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 3-1</a>
	   <br><a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 3-2</a>
	   <br><a class="btn btn-success btn-lg" style="width:155px;height:37px;margin:1px;padding:4px;">Col 3-3</a>
	  </div>
</div>

[dominos]

Problème résolu comme ceci:

Code :

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

display: inline;

Merci.