Discussion :

[boboss123]

Bonjour,

Avec Bootstrap, est-il possible de modifier le nombre de colonne ? Si oui, comment ?

Peut-on mettre des bordures pour les "cases" ?
Actuellement, la seule méthode simple que j'ai trouvé, c'est de mettre un div avec bordure à l’intérieur des cases.

Merci d'avance,

[Torgar]

Salut,

Nombre de colonnes de quoi ?

Et qu'est-ce que "cases" ?

Peut-être qu'un exemple serait le bienvenu !

[Allegro]

Bonsoir,
si tu parles des grilles par défaut (fixe et fluide) tu peux modifier les classes row et fluid dans le fichier bootstrap.css.

http://twitter.github.com/bootstrap/scaffolding.html

[boboss123]

Bonjour,

Par défaut, bootstrap ne gère que 12 colonnes : ne peut-on pas augmenter ce nombre pour que je puisse découper plus finement ma page ?
=> n'est-ce pas conseillé d’augmenter le nombre (s'ils ont choisi un nombre de 12 colonnes, je suppose qu'il doit y avoir une raison, non ?) ?
=> modifier directement le .css de bootstrap à la main, ce n'est pas un peu dangereux (il faut faire plein de calcul pour la taille des .span en fonction de la résolution => risque d'erreur. Il n'y a pas un truc à faire du coté de less (je ne connais pas bien cet outil) ?) ?


Ce que j’appelle "case", c'est les éléments :

Code html :

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

1
2
3
<div class="span1"></div>
..
<div class="span12"></div>

Lorsque je lis le code css de bootstrap, il me semble que l'on ne peut pas faire (car les colonnes ne seront plus alignées correctement) :

Code :

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

1
2
3
[class*="span"]{
	border: 1px solid #DDDDDD;
}

Donc la seule méthode que j'ai trouvé c'est :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<div class="container">
 
	<div class="row">
		<div class="span12">
			<div class="myBlock">
				a
			</div>
		</div>
	</div>
</div>

Code :

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

1
2
3
.myBlock{
	border: 1px solid #DDDDDD;
}

=> vous avez compris ? ... c'est la bonne méthode que j'utilise (je trouve bête de devoir créer un div juste pour faire une bordure) ?

[boboss123]

J'ai essayé de voir ce qu'on pouvait faire avec LESS mais impossible de compiler boostrap (j'ai testé avec Crunch et SimpLESS => dépot https://github.com/twitter/bootstrap)
=> vous avez le même problème (erreur dans le fichier mixins.less ligne 578) ?