Boostrap 3 / ASP.NET-行合并

Question

我有一个巨大的电子白板，已放置在母版页的引导行中。在下面（仍在母版中），我有一个contentplaceholder。在单独的页面中，我在contentplaceholder内放置了一行，从理论上讲，当页面与网站组装时的母版页合并时，它将在jumbotron行的下方创建新行。但是，当我运行我的网站时，我的contentplaceholder行被放置在jumbotron行的中！这是怎么回事？

母版页：

<div id="parentdiv" class="container">
    <div class="row">
          <div class="jumbotron" style="background-color: #991d85; color: white">
                    <div id="pageTitle" />
          </div>
    </div>
          <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
          </asp:ContentPlaceHolder>
</div>

在X.aspx中的contentplaceholder内部：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<div class="row" style="background-color:#F5F5F5;">
    <div class="col-sm-4">
        <div class="loader center-block"></div>
    </div>
    <div class="col-sm-4">
        <div class="loader center-block"></div>
    </div>
    <div class="col-sm-4">
        <div class="loader center-block"></div>
    </div>
</div>

当我查看正在运行的网页中的代码时会发生什么情况

您可以看到在代码检查器中contentplaceholder的行嵌套在jumbotron行中。为什么会这样？

编辑：已解决。

问题出在那

<div id="pageTitle" />

我的标头（未显示）中的javascript正在搜索元素并将h1元素注入其中。但是，当我将行更改为

时

<h1 id=pageTitle></h1>

错误消失了。

Answer 1

您必须更改此

<div id="pageTitle" />

为此

<div id="pageTitle"></div>