Html 显示来自容器类的模态

我正在使用本教程中的滑出侧条形码，然后我能够在我的一个页面上创建一个模式，我尝试将其添加到

ul li

元素中，但它没有触发。我想知道是否有人能帮我理解为什么它不会触发

这里的工作模式

边栏代码

<div class="container">
<ul id="gn-menu" class="gn-menu-main">
    <li class="gn-trigger">
        <a class="gn-icon gn-icon-menu"><span>Menu</span></a>
        <nav class="gn-menu-wrapper">
            <div class="gn-scroller">
                <ul class="gn-menu">
                    <li class="gn-search-item">
                        <input placeholder="Search" type="search" class="gn-search">
                        <a class="gn-icon gn-icon-search"><span>Search</span></a>
                    </li>
                    <li>
                        <a class="gn-icon gn-icon-download">Popular</a>
                    </li>
                    <li><a class="gn-icon gn-icon-cog">Settings</a></li>
                    <li><a class="gn-icon gn-icon-help">About us</a></li>
                </ul>
            </div><!-- /gn-scroller -->
        </nav>
    </li>
    <li><a href="http://tympanus.net/codrops">Test Sidebar</a></li>
    <li></li>
</ul>

 @RenderBody()
</div><!-- /container -->
<script src="../../Scripts/classie.js"></script>
<script src="../../Scripts/gnmenu.js"></script>
<script>
    new gnMenu(document.getElementById('gn-menu'));
</script>

@RenderBody（）
新的gnMenu（document.getElementById（'gn-menu'）；

然后，我创建了一个新的

标记，并将模式代码放在其中，如下所示：

<li>
  <div class="container">
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-1">Activate the button</button>
    <div class="modal fade" id="modal-1">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;    </button>
            <h3 class="modal-title">Contact us </h3>
          </div>
          <div class="modal-body">
            <div class="modal-body">

              <div class="form-group">
                <label for="contact-name" class="col-lg-2 control-label">Name:</label>
                <div class="col-lg-10">

                  <input type="text" class="form-control" id="contact-name" placeholder="Full Name">

                </div>
              </div>

              <div class="form-group">

                <label for="contact-email" class="col-lg-2 control-label">Email:</label>
                <div class="col-lg-10">

                  <input type="email" class="form-control" id="contact-email" placeholder="you@example.com">

                </div>

              </div>

              <div class="form-group">

                <label for="contact-msg" class="col-lg-2 control-label">Message:</label>
                <div class="col-lg-10">

                  <textarea class="form-control" rows="8"></textarea>
                </div>
              </div>

            </div>
          </div>

          <div class="modal-footer">
            <a href="" class="btn btn-primary">Send</a>
            <a href="" class="btn btn-default" data-dismiss="modal">Close</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</li>

启动按钮
&时代；
联系我们
姓名：
电邮：
信息：

您是否在任何地方包含bootstrap.js文件？您好，我已将其包含在您的代码中，您的代码对我来说确实很好。你也包括jQuery了吗？这有什么不同吗？我在_Layout.cshtmlNo上实现了这一点，这无关紧要。