2017-07-26 11 views
1

asp.net site.mobile.masterページをasp.netアプリケーションに統合するのが難しいです。具体的には、jsFiddleで見たnavbarが正しく表示されていません。Navbar issue asp.net site.mobile.master

<nav class="navbar navbar-default navbar-inverse" role="navigation"> 
     <div class="container-fluid" id="navfluid"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
       <a class="navbar-brand" href="Home">Home</a> 
      </div> 
      <div class="collapse navbar-collapse"> 
       <ul class="nav navbar-nav"> 
        <li class="active"><a href="#">Home</a></li> 
        <li><a href="Page1">Page1</a></li> 
        <li><a href="Page2">Page2</a></li> 
       </ul> 
      </div> 
     </div> 
    </nav> 

答えて

0

コードは私が提供しました!これは、asp.netテンプレートがmaster.siteページに自動的に追加するスクリプトを追加することと関係していましたが、master.mobile.siteページには追加されません。これは私がasp.netの初心者であることを理解するのに時間がかかりましたので、これが他の人に役立つことを願っています!フォームタグのすぐ下に以下のコードを追加してください。

<asp:ScriptManager runat="server"> 
     <Scripts> 
      <%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=301884 --%> 
      <%--Framework Scripts--%> 
      <asp:ScriptReference Name="MsAjaxBundle" /> 
      <asp:ScriptReference Name="jquery" /> 
      <asp:ScriptReference Name="bootstrap" /> 
      <asp:ScriptReference Name="respond" /> 
      <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" /> 
      <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" /> 
      <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" /> 
      <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" /> 
      <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" /> 
      <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" /> 
      <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" /> 
      <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" /> 
      <asp:ScriptReference Name="WebFormsBundle" /> 
      <%--Site Scripts--%> 
     </Scripts> 
    </asp:ScriptManager> 

また、タイトルの下にこの権利を追加してください:

enter cod<asp:PlaceHolder runat="server"> 
    <%: Scripts.Render("~/bundles/modernizr") %> 
</asp:PlaceHolder> 

<webopt:BundleReference runat="server" Path="~/Content/css" />