損壞的BootStrap模板MVC

Question

我試圖建立一個基於引導的MVC主模板和子頁面。

不知何故，我設法打破它，我無法弄清楚發生了什麼。

我的測試網站是在http://taxiroutemvc.azurewebsites.net/

注意一下各部分不垂直對齊？

我猜不是太多或太少的div或某些類的問題，但我只是無法找到它。

Answer 1

Bootstrap並非專門爲您在與spanX相同的元素上添加well類。你想嵌套<div>與well類在spanX內。

編輯：
此外，使用流體腳手架時，所有的行必須row-fluid。

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span12"> 
      <form> 
       <div class="row-fluid"> <!-- not just 'row' --> 
        <div class="span12" id="bingMap"> 
         etc. 
        </div> 
       </div> 
      </form> 
     </div> 
    </div> 
    <div class="row-fluid"> 
     <div class="span12"> 
      <div class="well"> 
       <h3>We cover the following areas:</h3> 
       <a href="\Home\?from=Cardiff">Cardiff</a> | <a href="\Home\?from=Barry">Barry</a> 
      </div> 
     </div> 
    </div> 
</div>