javascript - Bootstrap 3/ASP.NET-行合并

我有一个巨大的电子白板，已放在母版页的引导行中。在下面（仍然在母版页中），我有一个contentplaceholder。在单独的页面中，我在contentplaceholder内放置了一行，从理论上讲，当页面与网站组装时的母版页结合在一起时，它将在巨型行下面创建一个新行。但是，当我运行我的网站时，我的contentplaceholder行放置在巨型行内！这里发生了什么？

母版页：

<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>

错误消失了。

最佳答案

你要改变这个

<div id="pageTitle" />

为了这

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

关于javascript - Bootstrap 3/ASP.NET-行合并，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52749450/