2014-08-31 76 views
5

我有一個標題爲(這將成爲菜單的觸發器)的菜單。
我希望菜單僅在移動解析度下摺疊。
在更大的屏幕上,我想要這個菜單完全顯示。

我在此菜單中添加了hidden-xs但這不起作用。Twitter僅在手機上自舉摺疊

<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禁用切換,所以我不能看到菜單,甚至當我點擊標題。

+3

請添加一些代碼。 – Leistungsabfall 2014-08-31 13:58:58

+0

請將該解決方案作爲答案添加並接受以備將來使用 – 2014-09-09 20:56:26

回答

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