Html 小屏幕上的引导菜单按钮

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-

我正在尝试使用bootstrap构建导航栏,但我遇到了一个问题,当我有一个小屏幕或窗口时,移动菜单按钮不会出现在右角。我做错了什么

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