Twitter bootstrap 3 引导3导航折叠开始仅在移动设备上折叠

Twitter bootstrap 3 引导3导航折叠开始仅在移动设备上折叠,twitter-bootstrap-3,Twitter Bootstrap 3,围绕崩溃的导航栏有很多问题,但我找不到这个具体的案例,抱歉,如果它是重复的 <div class="navbar navbar-static-top navbar-default container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">

围绕崩溃的导航栏有很多问题,但我找不到这个具体的案例,抱歉,如果它是重复的

<div class="navbar navbar-static-top navbar-default container">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="/">Brand</a>
  </div>
    <div class="nav-collapse" id="navbar">

我正在尝试在移动设备上折叠导航栏开始(在页面加载时)。当我将
class=“collapse”
添加到
#navbar
div时,我发现它是这样工作的,但在PC上,我的navbar是隐藏的,除非我转到小分辨率并切换它

同样在这个实现中,第一次单击折叠按钮“重新打开”在mobile上打开的导航栏

您的问题在于:

<div class="nav-collapse" id="navbar">
    <ul class="nav navbar-nav">

你能发布你的导航栏html的其余部分吗?@lamelemon-有点难看,从各种来源复制,还没有清理(缩进)啊好吧,这对我来说应该是显而易见的:X我猜我是从使用bootstrap 2的人那里复制了代码,那里是导航崩溃?或者他有定制的课程?只是想澄清一下你是否可以:)@iScrE4m是的,它从版本2更改为版本3。
<div class="collapse navbar-collapse" id="navbar">
    <ul class="nav navbar-nav">