css - 损坏的 BootStrap 模板 MVC

Question

我曾尝试构建基于引导程序的 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>