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规则。因此,您的第一个任务是识别这些样式是什么,然后定义将它们返回到默认值(非大屏幕)值的新样式。