Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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
Html 引导导航条始终保持折叠状态_Html_Twitter Bootstrap_Navigationbar - Fatal编程技术网

Html 引导导航条始终保持折叠状态

Html 引导导航条始终保持折叠状态,html,twitter-bootstrap,navigationbar,Html,Twitter Bootstrap,Navigationbar,我希望我的导航栏一直处于折叠状态。我试过看其他的例子,但当我尝试它们时,代码会使它保持折叠状态,但一旦我单击它,它将只保持打开一秒钟,直到它关闭。我还想让它的导航栏在页面右侧打开,只是掩盖了那里的网站内容,直到它被关闭。有什么想法吗 <DOCTYPE html> <html> <head> <title>Home</title> <meta name="viewport" co

我希望我的导航栏一直处于折叠状态。我试过看其他的例子,但当我尝试它们时,代码会使它保持折叠状态,但一旦我单击它,它将只保持打开一秒钟,直到它关闭。我还想让它的导航栏在页面右侧打开,只是掩盖了那里的网站内容,直到它被关闭。有什么想法吗

 <DOCTYPE html>
    <html>
      <head>
        <title>Home</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!--Bootstrap stylesheets-->
        <link rel="stylesheet" href="/Users/jordan/Desktop/My EAST Website/stylesheets/bootstrap.min.css">
        <!--Main Stylesheets-->
        <link rel="stylesheet" href="/Users/jordan/Desktop/My EAST Website/stylesheets/styles.css">
        <!--js import of bootstrap-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="js/bootstrap.js"></script>

    </head>
    <body>
        <!--Top Navigation Bar-->
<nav class="navbar navbar-inverse always-open">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">Name</a>
        <button type="button" class="navbar-toggle" 
                data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    </div>
    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div>
</nav>

        <!--end of nav bar-->
    </body>
</html>

仅使用HTML和引导框架,我看不到您描述的行为。您能否提供重新创建问题所需的所有代码?这不是一种行为,我只是希望它在所有宽度上都保持在折叠的设计中,而不仅仅是在小宽度上。除非您开始在引导中使用较少的文件,否则您需要在更大屏幕的断点后单独重写应用于navbar组件的每个CSS规则。因此,您的第一个任务是识别这些样式是什么,然后定义将它们返回到默认值(非大屏幕)值的新样式。