Html 小屏幕上的引导菜单按钮
我正在尝试使用bootstrap构建导航栏,但我遇到了一个问题,当我有一个小屏幕或窗口时,移动菜单按钮不会出现在右角。我做错了什么Html 小屏幕上的引导菜单按钮,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在尝试使用bootstrap构建导航栏,但我遇到了一个问题,当我有一个小屏幕或窗口时,移动菜单按钮不会出现在右角。我做错了什么 <nav class="navbar navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-
<nav class="navbar navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">Home</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
您在
nav
元素(navbar default
或navbar inverse
中忘记了navbar样式类)。样式切换按钮取决于此类
<nav class="navbar navbar-default navbar-fixed-top">
在链接中包含bootstrap.min.css和bootstrap.css就可以了。您是否检查过包含js,如jquery.js,bootstrap.min.jsi包含所有内容?是的,使用导航栏默认值并更改该类的外观解决了问题,谢谢!
<nav class="navbar navbar-default navbar-fixed-top">