堆叠引导导航中的文本溢出-选项卡
堆叠引导导航中的文本溢出-选项卡
提问于 2016-03-04 00:47:59
我正在尝试创建一个可以选择的水平选项卡列表，并且选项卡内容有一个额外的选项卡列表(堆叠)，显示这些选项卡旁边的内容。
我创建了一个引导这里，这样你就可以明白我的意思了。
每当调整到xs大小时，选项卡中的文本就会溢出，对于堆叠的选项卡和带有下拉列表的选项卡，下拉选项将与选项卡的大小不成比例。
还没有找到一个合适的方法来绕过它。有什么办法能解决这个问题？考虑做媒体查询，但不确定这是最好的途径。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-03-07 11:13:40
在引导过程中，我为嵌套的nav堆叠选项卡(在选项卡内容中)提供了一个col-xs-3类的nav-stacked类。不管是什么原因，在这些小屏幕上，这都造成了问题。
移除nav-stacked类并将其保留为常规的nav nav-pills类，并正确地显示，因为每个选项卡由于列大小较小而被推到堆栈中。没有文本溢出。
如果你还想堆叠更大的屏幕尺寸呢？我只是做了一个恶意的解决方案，并设置了col-xs-3 col-sm-2 col-md-1，所以它仍然强制标签堆叠。
更新的自举
有一个点从md(我认为)可能是xs大小，标签再次水平显示。使用媒体查询很容易修复。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35786018
复制相关文章
相似问题
腾讯云开发者
