適當的方式來安排引導佈局

Question

我有可能是有人用引導體驗一個簡單的問題。在這個頁面上：http://limitedwave.com/watsonmetals/site/，在導航欄下的第一部分，我有4個「區域」。其中一個標誌，在它的正下方，一個文本框中，在一個大型導航網格的右側，並且在該網格下方僅有一個「額外的行」。

我不是在引導電網正常鋪設了這一點，我想。我的div中的內容或多或少地堆疊在一起，並使用css和大量的邊緣處理來使其看起來像它一樣。假設引導程序可以通過網格將這些div更像表格一樣佈置，我錯了嗎？也許這也可能有助於這樣一個事實，一旦我調整我的瀏覽器到全尺寸mac pro尺寸的下一個更小的尺寸，標誌和文本右移。

<section id="intro" data-speed="2" data-type="background"> 
    <div class="container"> 
     <div class="row-fluid"> 

    <div id="welcome-screen" class="span16 text-left"> 
    <div id="lrail">  
    <div id="logocontainer">  
    <img id="logo" src="img/logo-watson.png" alt="Watson Metals, LLC." width="130" /> 
    </div> 

    <div id="welcome-box" class="span3 text-right"> 
    Watson Metals manufactures quality metal building panels, for roof, siding, accessories for all building applications. We offer a pole barn package, steel siding or metal roofing for your personal specifications and needs.<br><br> 
    With an array of metal panel profiles such as Tuff-Rib, R-Panel, and our standing seam profile, we can provide material for almost any application. Our standing seam profile is available in either 12」 or 16」 widths and can be conveniently produced on your jobsite using our portable roll-former. 
    </div> 
    </div>  
      <div class="span12 text-center"> 
      <div id="main-interface-container"> 
       <ul id="interface-list"> 
       <li><a class="link1" href="link1.php">Roofing Panels</a></li> 
       <li><a class="link2" href="link2.php">Post Frame Buildings</a></li> 
       <li><a class="link3" href="link3.php">Other Products</a></li> 
       <li><a class="link4" href="link4.php">Custom Trim</a></li> 
       <li><a class="link5" href="link5.php">Warranties and Information</a></li> 
       <li><a class="link6" href="link6.php">Frequently Asked Questions</a></li> 
       <li><a class="link7" href="link7.php">Energy Star</a></li> 
       <li><a class="link8" href="link8.php">About Our Company</a></li> 
       <li><a class="link9" href="link9.php">Contact Us</a></li> 
       <li><img id="home-locations" src="img/watson-locations.png" alt="Locations" /></li> 
       </ul> 
      </div> 


    </div> 

      <div class="span8 text-center"><span class="copyright">Copyright &copy; 2013 Watson Metals LLC., All Rights Reserved.</span></div> 
      </div> 
      </p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 
      <p>&nbsp;</p> 

     </div> 
     </div> 
    </section> 

Answer 1

http://twitter.github.io/bootstrap/scaffolding.html#gridSystem

引導的文檔是非常穩固。 標準container->row->span#應該適用於該網格。它還應該處理你在小屏幕上遇到的敏感問題。