twitter-bootstrap - 如何为较小的设备禁用 bootstrap nav-justified collapse

标签 twitter-bootstrap tabs nav justify

我正在使用 bootstrap 来调整一堆选项卡以均匀地适应父元素的宽度。 这对我很重要。然而,对于较小的设备,Bootstrap 会自动折叠它们,为它们提供 100% 的宽度,这是我不想要的。

如何禁用此功能?

简单代码:

<ul class="nav nav-tabs nav-justified">
    <li>Link</li>
    <li>Link</li>
    <li>Link</li>
</ul>

最佳答案

您可以添加一个类为 col-xs-12 的容器,这样它将堆叠在非常小的显示器上。毕竟,如果您希望它在所有显示中都是非堆叠的,只需编写一个媒体查询即可。

在那里寻找媒体查询: http://getbootstrap.com/css/#grid

如果您分享更多代码,那么我可以更具体地回答。

关于twitter-bootstrap - 如何为较小的设备禁用 bootstrap nav-justified collapse,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20456353/

相关文章:

ruby-on-rails-3.1 - Rails 3.1 Assets 管道预编译因 asset_path 参数错误而失败

css - 跨度 :hover elements not working for my box

android - 在 Android 中更改 Activity - List inside Tab

html - 想要在需要的表单文本字段上显示红色边框(如果它们是空的)

html - 使用 bootstrap 时如何修复与 CSS 的对齐?

css - Bootstrap 三列布局堆叠问题

c++ - 如何正确地将输出组织成列?

css - 虚弱的 : Edit individual elements in navigation bar

html - 将导航列表居中

CSS Nav 在 IE 7 中向右推送