css - 如何增加激活 navbar-toggle CSS3 的宽度

Question

我正在使用 Bootstrap CCS3。

我的页面上有一个更大的菜单。在一些分辨率较小的 PC 上，我的菜单本身会重叠。我想让导航栏切换到更高的宽度来解决这个问题。

我找不到任何地方来控制发生切换的宽度。我哪里出错了？

Code:

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <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><a runat="server" href="~/">Home</a></li>
                        <li><a runat="server" href="~/page2">page2------------------</a></li>
                        <li><a runat="server" href="~/page3">page3------------------</a></li>
                        <li><a runat="server" href="~/page4">page4------------------</a></li>
                        <li><a runat="server" href="~/page5">page5------------------</a></li>
                        <li><a runat="server" href="~/page6">page6------------------</a></li>
                        <li><a runat="server" href="~/page7">page7------------------</a></li>
                    </ul>
                </div>
            </div>
        </div>

我添加了 ---------- 来模拟每个元素的间距。由于内部政策，我不允许包含原始文本。

Answer 1

像 op 一样将其添加为答案:

可以找到解决方案Here

对于以后遇到这个问题的人，我也会加上op的评论:

op 似乎发现他必须同时编辑 bootstrap.css 和 'bootstrap-min.css`