如何为较小的设备禁用引导导航合法的折叠 [英] How to disable bootstrap nav-justified collapse for smaller devices

问题描述

我正在使用引导程序来证明一堆选项卡的合理性，以使其均匀地适合父元素的宽度. 这对我很重要.但是，对于较小的设备，Bootstrap会自动将其折叠起来，为它们提供100％的宽度，这是我不希望的. 如何禁用此功能? 简单代码:

I am using bootstrap to justify a bunch of tabs to evenly fit the width of the parent element. This is important to me. However Bootstrap automatically collapses these for smaller devices, giving them 100% width, which I don't want. How can I disable this function? Simple Code:

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

推荐答案

您可以添加具有col-xs-12类的容器，这样它将被堆叠在非常小的显示器上.毕竟，如果您希望它不堆叠在所有显示器中，只需编写媒体查询即可.

You can add a container with class col-xs-12 thus it will be stacked on very small displays. After all if you want it to be non-stacked in all displays just write a media query.

在此处查找媒体查询: http://getbootstrap.com/css/#grid

Look there for media queries: http://getbootstrap.com/css/#grid

如果您共享更多代码，那么我可以更具体地回答.

If you share more code then I can be more specific on answer.

这篇关于如何为较小的设备禁用引导导航合法的折叠的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！