bootstrap .row dans un conteneur .row-fluid

Question

Je souhaite avoir la possibilité de placer un div (span1..span12) à portée fixe à l'intérieur d'un conteneur .row-fluid.

<div class="row-fluid"> 
<div class="span5 red"> 

    <div class="row"> 
     <div class="span3 gray"> 
      I need this to span exactly 300px, not 31% of its parent 
     </div> 
    </div> 
</div> 

<div class="span5 blue"> 
</div> 

ici est le jsbin de travail (malheureusement vous avez besoin pour agrandir le volet de sortie) ->http://jsbin.com/uwecuv/1/edit

L'idée est que le sélecteur de css (span3 .row fluide) prendrait préséance dans ce cas.

Est-ce que vous avez des idées pour faire en sorte que l'extension 'div.span3.gray' soit de 300px? La raison est que dans le scénario réel ce sera un div positionné de façon absolue, et je ne veux pas qu'il hérite de la taille du parent (qui sera juste un div avec une boîte de saisie).

Merci!

Answer 1

Le système de quadrillage Bootstrap est conçu de sorte que span3 signifie que l'élément a une largeur = 3/12 de la largeur du conteneur (row ou row-fluid). Donc, si vous avez besoin de div avec une largeur fixe = 300px (pas 3/12 de la largeur du conteneur), vous devez utiliser votre propre classe css avec width = 300px. Ou vous pouvez utiliser la mise en page fixe sans css responsive.