页面加载时导航栏已扩展 - 已检查 "collapse in"

Question

任何人都知道为什么我的页面加载时通过查看此代码预切换导航栏？

导航栏加载扩展，但随后单击切换按钮 "refreshes" 它进入扩展位置。第二次单击然后将导航栏缩回到我希望它初始化的位置。

<div class="nav-gradient">
    <nav class="navbar navbar-default navbar-fixed-top">
        <div>
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" 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>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right navbar-right-matt">
                    <li class="dropdown">
                        <a href="/websites/view/high-end-price" class="dropdown-toggle" data-toggle="dropdown"><?=_('Websites')?><b class="caret"></b></a>
                        <ul class="dropdown-menu">

Answer 1

将折叠的 class 添加到您的 .navbar-collapse 中，如下所示：

<div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">

页面加载时导航栏已扩展 - 已检查 "collapse in"

Page loads with navbar extended - already checked for "collapse in"

html

css

navbar

twitter-bootstrap