BootStrap模板MVC损坏

Question

我试图基于bootstrap构建MVC主模板和子页面。

不知何故，我设法打破了它，我无法弄清楚发生了什么。

我的测试网站位于http://taxiroutemvc.azurewebsites.net/

注意各个部分如何不垂直对齐？

我猜太多或太少的div或某些类问题，但我无法找到它。

Answer 1

Bootstrap不是为您在与well相同的元素上添加spanX类而设计的。您希望在<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>