製作引導NAV-丸響應

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/

使用垂直分割縮小視圖。