[RÉGLÉ] Boostrap : comment éviter que mon deuxième span6 passe à la ligne

[SuperApprentice]

Bonjour à tous,

J'ai un problème avec Bootstrap, je m'arrache les cheveux depuis 3 heures...
Dans un article, j'ai besoin de deux colonnes et j'utilise donc deux span6.

Sur mon poste (résolution > 1200), le deuxième span6 passe systématiquement à la ligne
Quand je réduis ma fenêtre, le deuxième span6 se place bien à coté du premier
Voilà mon code :

<div class="row-fluid">
	<div class="row-fluid">
		<h1>Titre</h1>
		<h2>Sous-titre</h2>
	</div>
	<div class="row-fluid">
		<div class="span6">
			<h3>XXXXXXXX</h3>
			<p>XXXXXXXX</p>
		</div>
		<div class="span6">
			<h3>XXXXXXXX</h3>
			<p>XXXXXXXX</p>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span6">
			<h3>XXXXXXXX</h3>
			<p>XXXXXXXX</p>
		</div>
		<div class="span6">
			<h3>XXXXXXXX</h3>
			<p>XXXXXXXX</p>
		</div>
	</div>
</div>

J'ai fouillé partout sans succès.
Avant de décider d'aller vendre du muguet, j'en appelle à votre aide
Merci

[electrocity]

Re : Boostrap : comment éviter que mon deuxième span6 passe à la ligne

Bonjour,
Dans protostar, ils ont mis l'instruction

.container{max-width:960px;}

pour contraindre la largeur a 960px au maximum.
Mais comme ils ont rien changé dans les fichiers responsive de bootstrap, tous les span passe a la ligne car eux sont calibré sur 1200px.

Donc il suffit de commenter cette ligne(ou de supprimer la partie responsive 1200px) dans le fichier template.css

Cordialement,

Patrick K.

P.S: il y a d'autre template basé sur les css de bootstrap de Joomla qui ont le même soucis, vérifier juste si vous trouvez la régle CSS indiquée.

[SuperApprentice]

Re : Boostrap : comment éviter que mon deuxième span6 passe à la ligne

Bonjour et merci Patrick
Alors j'ai essayé de commenter la ligne .container{max-width:960px;} pas de changement.
J'ai essayé de commenter tout le bloc @media (min-width: 1200px) et la ça fonctionne.
Mais jusqu'à maintenant, je ne m'autorisais pas trop à toucher la partie Bootstrap de crainte que cela me pose des problèmes ailleurs et je ne suis pas un pro non plus. Cela ne risque rien ?
Merci encore

[electrocity]

Re : Boostrap : comment éviter que mon deuxième span6 passe à la ligne

Non,
La seul chose, c'est que votre containeur principale ne fera jamais plus de 960 pixel de large

[lefabdu51]

Re : Boostrap : comment éviter que mon deuxième span6 passe à la ligne

Quelle est la resolution de l'ecran ou le site est affiché?

[SuperApprentice]

Re : Boostrap : comment éviter que mon deuxième span6 passe à la ligne

Bonjour à tous
@ Patrick : ça ira donc comme ça, merci encore.
@ lefabdu51 : je ne comprend pas bien le sens de la question, la résolution sera celle de l'écran des visiteurs...

[lesoutier]

Re : Boostrap : comment éviter que mon deuxième span6 passe à la ligne

Si c'est réglé merci de l'indiquer :

http://forum.joomla.fr/announcement.php?f=176