引導響應：如何修復無響應的元素？

Question

我已經在twitter引導中啓用了響應功能，使用嵌套流體網格。在小型移動設備上查看時，每個跨度都會堆疊。不過，我想保留「主要內容」，並將其放在橫向佈局中。我試過display：inline-block;和最小寬度，但都沒有工作。任何建議？謝謝。

<div class="container-fluid"> 
    <div class="row-fluid"> 
    <div class="span9" id="maincontent"> 
     <div class="container-fluid"> 
     <div class="row-fluid"> 
     <div class="span2">2</div> 
     <div class="span8">8</div> 
     <div class="span2">2</div> 
     </div> 
     </div> 
    </div> 
    <div class="span3" id="sidebar"> 
     <!-- sidebar elements go here --> 
    </div> 
    </div> 
</div> 

Answer 1

給這樣的一個鏡頭：

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span9" id="maincontent"> 
      <div class="row"> 
       <div class="span2" style="float: left; width: 15%;">2</div> 
       <div class="span8" style="float: left; width: 65%;">8</div> 
       <div class="span2" style="float: left; width: 15%;">2</div> 
      </div> 
     </div> 
     <div class="span3" id="sidebar"> 
      <!-- sidebar elements go here --> 
      sidebar 
     </div> 
    </div> 
</div> 

你要調整和與％發揮，以滿足您的需求，並最終移出那些內嵌樣式到樣式表。您可能需要對它們進行打耳光，以防止被流體twitter引導類重寫。他們與您的設置堆疊的原因是流體樣式接管，儘管您使用了非流體容器/行類，並將其更改爲float：none，width：100％;顯示：阻止div。