我如何增加宽度激活导航栏切换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问的答案:

解决方案可以在这里找到

对于将来遇到这个问题的人，我也会添加op的评论:

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