div中的asp.net mvc4代码没有出现

Question

我启动了一个新项目，一个移动应用程序，它已经包含一些示例代码。

当创建项目时（在我向其添加代码之前），索引页面如下所示：

    <%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
    <h2><%: ViewBag.Message %></h2>

    <ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Navigation</li>
        <li><%: Html.ActionLink("About", "About", "Home") %></li>
        <li><%: Html.ActionLink("Contact", "Contact", "Home") %></li>
    </ul>
</asp:Content>

现在，如果我添加下面显示的代码，它将不会显示。它仍将显示不在div中的代码（从开始就存在的代码）。任何人都可以指出错误吗？

<div data-role="page" id="bodyPage" data-theme="c">
    <div data-role="header" data-theme="b"></div>
    <label>Name:</label>
    <input type="text"  id="name" />
    <label>Address:</label>
    <input type="text" id="address" />
    <label>City:</label>
    <input type="text" id="city" />

    <div data-role="footer" data-theme="c"></div>
</div>

谢谢