Twitter Bootstrap свернуть только на мобильном телефоне

Question

У меня есть меню с заголовком (который будет триггером для меню).
Я хочу, чтобы меню рушилось только по мобильному разрешению.
На большом экране я хочу, чтобы это меню полностью отображалось.

Я добавил hidden-xs в это меню, но это не сработает.

<span class='footer_list' data-toggle="collapse" data-parent="#accordion" href="#resources"> 
    Resources 
</span> 

<ul class="list-unstyled hidden-xs footer-nav" id="resources"> 
    <li><a class="footer_link" href='#'>Link 1</a></li> 
    <li><a class="footer_link" href='#'>Link 2</a></li> 
    <li><a class="footer_link" href='#'>Link 3</a></li> 
    <li><a class="footer_link" href='#'>Link 4</a></li> 
</ul> 

hidden-xs отключить тумблер, так что я не могу увидеть меню, даже когда я кликаю по названию.

Answer 1

@media (min-width: 768px) { 
.footer-nav{ 
    display: block !important; 
    padding-bottom: 0px; 
    overflow: visible !important; 
} 
}