gpt4 book ai didi

css - Bootstrap 3.x 导航选项卡的响应问题

转载 作者:行者123 更新时间:2023-11-28 09:18:05 25 4
gpt4 key购买 nike

我有一个 bootstrap 组件 nav-tabs,当页面宽度大于该行所需的宽度时它可以正常工作(bootstrap .row div)。问题是,当我更改移动设备的 View 时,响应式设计无法正常运行,并且选项卡未对齐。查看下面链接中的代码,页面宽度减小的程度,公司、支持和设计选项卡表现异常。

http://www.bootply.com/Ym1iDjaBjz#

nav-tabs responsive error

最佳答案

这很正常,因为没有足够的空间容纳所有选项卡。

您可以减少 .nav-tabs li a 处的填充以创建空间或添加以下规则以使其以 100% 宽度显示。

.nav-tabs > li, .nav-tabs li a { display: inline-block; width: 100%; }
.nav-tabs li a { border: 1px solid #ddd; }

enter image description here

祝你好运!

关于css - Bootstrap 3.x 导航选项卡的响应问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25813761/

25 4 0
文章推荐: javascript - 裁剪后调整图像大小
文章推荐: ios - 如何以编程方式将页面添加到我的自定义键盘和类别(类似于 Apple 表情符号键盘)?
文章推荐: css -
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com