Question

在使以下导航药物响应时遇到一些麻烦。前两个“隐藏电话”类工作正常，因为他们应该，但下面的“可见电话”类不会出现缩小屏幕尺寸。任何帮助将不胜感激！

<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。压痕要小心！

这是我的小提琴：http://jsfiddle.net/AlexandreT/kydEc/

使用垂直拆分器缩小视图。

制作Bootstrap Nav-Pills响应

1 个答案: