Html 自举'；s的响应性公用设施类别为'；他不为我工作_Html_Twitter Bootstrap

Html 自举'；s的响应性公用设施类别为'；他不为我工作

html twitter-bootstrap

Html 自举'；s的响应性公用设施类别为'；他不为我工作,html,twitter-bootstrap,Html,Twitter Bootstrap,我试图对使用小型设备或更低版本的用户隐藏我的导航栏。然而，当我把屏幕变小时，它并没有隐藏起来我的HTML： <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co

我试图对使用小型设备或更低版本的用户隐藏我的导航栏。然而，当我把屏幕变小时，它并没有隐藏起来

我的HTML：

<!DOCTYPE html>
<html>
   <head>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <title>Dylan Hobday | Web Developer</title>
      <link rel="stylesheet" href="Styles/Bootstrap.min.css">
      <link rel="stylesheet" href="Styles/Index.css">
   </head>
   <body>
<nav class="navbar navbar-default white hidden-sm-down" id="navbar" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Dylan Hobday</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a href="#">Home</a>
                    </li>
                    <li>
                        <a href="#">Projects</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>
                    <li>
                        <a href="#">Hire</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
    <div class="page-header">
  <h1><b>Home</b></h1>
</div>
<div class="Wrapper" id="background">

</div>
   </body>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
   <script src="Scripts/js/Index.js"></script>
   <script src="Scripts/js/Bootstrap.min.js"></script>
</html>


Dylan Hobday | Web开发者
切换导航










家

另外，如果我能在屏幕很小的时候，在我的.page header div的导航栏上显示切换按钮，我也会非常感激。谢谢。

该类

隐藏sm down

是一个引导4类，但您可能正在使用引导3。用

hidden xs

替换

hidden sm down

，导航栏将隐藏在非常小的屏幕上。

您使用的是什么版本的引导？谢谢。我没有意识到我的引导已经过时了。