Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 如何使用bootstrap实现响应性设计_Twitter Bootstrap_Css_Responsive Design - Fatal编程技术网

Twitter bootstrap 如何使用bootstrap实现响应性设计

Twitter bootstrap 如何使用bootstrap实现响应性设计,twitter-bootstrap,css,responsive-design,Twitter Bootstrap,Css,Responsive Design,在菜单段之后,使用引导程序进行响应性设计。如何使我的设计反应灵敏 <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&

在菜单段之后,使用引导程序进行响应性设计。如何使我的设计反应灵敏

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


您可以像这样使用引导下拉列表:

 <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为Bootstrap 3和Bootstrap 4提供了非常好的文档。在那里你应该找到所有你需要的OK我需要全屏菜单栏浏览手机或标签