当我将列放在一行时，为什么我的Bootstrap网格div重叠？

Question

假设我有一个简单的布局，包含使用Bootstrap网格系统的两行。

    <div class="container-fluid">

        <div class="row-fluid">
            <div class="well">
                "Goodmorning!"
            </div>  
        </div>

        <div class="row-fluid">
            <div class="well">
                "Goodnight!"
            </div>
        </div>

    </div>

从此我得到了预期的外观：http://imgur.com/fRO8joL

然而，一旦我决定在第一行放置一些列，行就会重叠一点。

HTML：         

        <div class="row-fluid">

            <div class="col-md-6">
                <div class="well">
                    "Goodmorning!"
                </div>
            </div>

            <div class="col-md-6">
                <div class="well">
                    "Goodmorning!"
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="well">
                "Goodnight!"
            </div>
        </div>

    </div>

我希望看到第一行中有两列的布局，第二行没有列。但是，输出重叠：http://imgur.com/ykbI3wb

我意识到我做错了什么，但直观地说，这似乎应该可以正常工作。有什么想法吗？