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

Question

我有一个大屏幕，我已将其放置在母版页内的 Bootstrap 行中。在下面(仍在母版页内)我有一个内容占位符。在一个单独的页面中，我在 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" />

我在 header (未显示)中的 javascript 正在搜索元素并在其中注入(inject) h1 元素。但是，当我将行更改为

<h1 id=pageTitle></h1>

错误消失了。

Answer 1

你必须改变这个

<div id="pageTitle" />

为此

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