Question

我有一个如下所示的导航栏:(参见编辑）

唯一的HTML是：

<div class="container">
<ul class="nav navbar-nav navbar-right">
    <li class="active"><a href="">Home</a>
    </li>
    <li><a href="news.html">News</a>
    </li>
    <li><a href="games.html">Games</a>
    </li>
    <li><a href="cafe.html">Cafe</a>
    </li>
</ul>
<!-- END navbar list -->

我希望它不会垂直折叠并保持在所有屏幕尺寸的垂直条中。

是否有人有任何可以删除响应能力的CSS代码段？

EDIT2：http://jsfiddle.net/9KMR6/5/我尝试从bootstrap的非代表性示例中复制粘贴一些样式但我有一个问题，其中其他元素（如小提琴中的图像与导航栏重叠）因此链接停止工作......有人知道为什么/如何解决？

Answer 1

使用Bootstrap Customizer，尝试将@grid-float-breakpoint设置为非常低的值，例如1px。

Answer 2

听起来CSS文件中有一个媒体查询会自动折叠某个屏幕宽度下的菜单。

~~如果您能找到适用于您网页的CSS文件，请尝试在此处发布。~~

好吧，默认的bootstrap，是吗？ Their documentation defines small screens as their default state;所有其他媒体查询都会扩大规模。

They also have a section on disabling the responsive behavior.不幸的是......

作为一个抬头，导航栏组件在这里相当棘手，因为显示它的样式非常具体和详细。覆盖以确保桌面样式显示不如人们想要的那样高效或光滑。请注意，在使用导航栏时，您可能会在此示例的基础上构建潜在的陷阱。 - getbootstrap.com/examples/non-responsive

对不起，我正式离开了我的深度。也许你可以从他们的文档中找到一些东西。

删除Bootstrap Navbar Collapse

2 个答案: