html - 使 Bootstrap Nav-Pills 响应

Question

在使以下导航丸响应时遇到了一些麻烦。前 2 个“隐藏电话”类工作正常，它们应该正常工作，但当我缩小屏幕大小时，下面的“可见电话”类不会出现。任何帮助将不胜感激!

<div class="container">
    <div class ="span3">
       <div class="hidden-phone">
          <a><img src=img/logobanner.jpg alt="mobile application development, mobile app        development, mobile application developer, mobile app developer, bespoke mobile application, social media agency london, social media agency manchester"></a>
       </div>
</div>

<div class="hidden-phone">
    <div class ="span5 offset7">
      <ul class="nav nav-pills">
        <li class="active">
      <a href="index.html">Home</a>
      </li>
  <li><a href="testimonials.html">Gallery</a></li>
      <li><a href="contact.html">Contact</a></li>
      <li><a href="http://resonate.so/blog">Blog</a></li>
      </ul>
</div>

  <div class ="span3">
    <div class="visible-phone">
      <ul class="nav nav-pills nav-stacked">
      <li><a href="testimonials.html">Gallery</a></li>
       </ul>
</div>
</div>

    </div>

Answer 1

Visible-phone 类层是前层hidden-phone 的一部分。我认为您忘记关闭您的先例 div。小心缩进!

这是我的 fiddle :http://jsfiddle.net/AlexandreT/kydEc/

使用垂直分割器缩小 View 。