Question

我有一个我正在创建的引导程序网站，它可以作为独立页面运行。（我可以将代码复制到.aspx页面[减去占位符]并且它按预期工作）但是它不能用于母版页，我可以看到它但导航栏没有＆＃34;切换＆＃34;正如预期的那样，TEXT在导航栏后面开始。我创建了2个链接，一个是常规页面，另一个是主页面。

MasterPage - http://virtual.aissf.net/test/

常规 - http://virtual.aissf.net/docs/

MASTERPAGE FILE

<%@ Master Language="VB" CodeFile="SiteMaster.master.vb" Inherits="SiteMaster" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/sidebar.css" rel="stylesheet" />
    <link href="css/customer.css" rel="stylesheet" />   
</head>
<body>
    <form id="form1" runat="server">
          <!-- Sidebar -->
<!-- #Include File="Sidebar.html"-->

      <!-- Page content -->
    <div id="page-content-wrapper">
        <!-- Keep all page content within the page-content inset div! -->
        <div class="page-content inset">
            <div class="col-md-10 banner">
                <asp:ContentPlaceHolder id="Main" runat="server">

                </asp:ContentPlaceHolder>
            </div>
            <div class="col-md-2 RightLink banner">
                <asp:ContentPlaceHolder id="Side" runat="server">

                </asp:ContentPlaceHolder>
            </div>
        </div>
   </div>
</form>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
    $("#menu-toggle").click(function (e) {
        e.preventDefault();
        $("#wrapper").toggleClass("active");
    });
  </script>
</body>
</html>

Answer 1

将此脚本放在页脚

中

<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
   $("#menu-toggle").click(function (e) {
       e.preventDefault();
       $("#wrapper").toggleClass("active");
   });

此js文件缺少modernizr-1.0.min.js

<script src="js/modernizr-1.0.min.js"></script>

Answer 2

sidebar.html之后缺少/ div参数

Bootstrap 3.0不适用于MasterPage

2 个答案: