Broken BootStrap Template MVC

Question

Я попытался создать главный шаблон MVC и вспомогательные страницы на основе бутстрапа.

Как-то мне удалось сломать его, и я не могу понять, что произошло.

Мой тестовый сайт на http://taxiroutemvc.azurewebsites.net/

Обратите внимание, как различные разделы не выравнивать по вертикали?

Я предполагаю, что слишком много или слишком мало divs или какой-то классовой проблемы, но я просто не могу ее найти.

Answer 1

Bootstrap не предназначен для того, чтобы вы могли добавить класс well к тому же элементу, что и spanX. Вы хотите вложить <div> с классом well внутри вашего spanX.

Edit:
Кроме того, при использовании подмости жидкости, все ваши строки должны быть 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>