0

在使以下导航药丸响应时遇到了一些麻烦。前 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>
4

1 回答 1

0

具有类Visible-phone的层是先例层的一部分hidden-phone。我想你忘了结束你的先例div。小心缩进！

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

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

于 2013-06-21T11:00:42.260 回答