2017-08-01 42 views
-2

使用引导程序菜单段进行响应式设计。如何让我响应式设计如何使用引导程序响应式设计

<a href="#menu" id="toggle" name="toggle"></a> 

<div id="menu"> 
    <ul> 
    <li><a href="#home">Home</a></li> 
    <li><a href="#about">About</a></li> 
    <li><a href="#contact">Contact</a></li> 
    </ul> 
</div> 
+0

学习指导教程链接就OK。 – Lion

+0

Bootstrap为bootstrap提供了非常好的文档3 http://getbootstrap.com/components/#navbar和bootstrap 4 https://v4-alpha.getbootstrap.com/components/navbar/。在那里,你应该找到你需要的一切 – DestinatioN

回答

0

您可以使用自举下拉这样的:

<li role="presentation" class="dropdown"> <a href="#" class="dropdown-toggle" id="drop4" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Dropdown <span class="caret"></span> </a> 
    <ul class="dropdown-menu" id="menu1" aria-labelledby="drop4"> 
    <li><a href="#">Action</a></li> 
    <li><a href="#">Another action</a></li> 
    <li><a href="#">Something else here</a></li> 
    <li role="separator" class="divider"></li> 
    <li><a href="#">Separated link</a></li> 
    </ul> 
</li> 
+0

好吧,当我浏览移动设备或标签时,我需要全屏菜单栏 – Lion