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的评论：

似乎他认为他必须编辑bootstrap.css和'bootstrap-min.css`

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

1 个答案: