Question

我正在尝试使用bootstrap创建一个网站，但数据目标无法正常工作。这是我的代码：

     <button class="navbar-toggle" data-toggle="collapse"  data-target=".navHeaderCollapse">
                  <span class="icon-bar"></span> 
                  <span class="icon-bar"></span> 
                  <span class="icon-bar"></span> 


              </button>
              <div class="collapse navbar-collapse navHeaderCollapse"> 
              <ul class="nav navbar-nav navbar-right"> 
                 <li class="active"><a href="#">Home</a></li>
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Social Media</a></li>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact Us</a></li>
              </ul> 
              </div>

Answer 1

button内没有内容，所以没有任何内容可以点击以启动崩溃，否则它可以正常工作。

  <button class="navbar-toggle" data-toggle="collapse"  data-target=".navHeaderCollapse">
              <span class="icon-bar"></span> 
              <span class="icon-bar"></span> 
              <span class="icon-bar"></span> 
           Click Here
          </button>

或者在图标中有一些东西

链接testing here

Answer 2

您应该将navHeaderCollapse放入类似

的ID中

<div class="collapse navbar-collapse" id="navHeaderCollapse">

数据目标引导程序无法正常工作

2 个答案: