Question

使用bootstrap跟随菜单段进行响应式设计。如何让我做出响应式设计

<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>

Answer 1

你可以像这样使用bootstrap下拉：

 <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>

如何使用bootstrap进行响应式设计

1 个答案: