gpt4 book ai didi

jquery - Bootstrap 滑动标签(不是标签内容)

转载 作者:行者123 更新时间:2023-11-28 17:01:38 24 4
gpt4 key购买 nike

我正在开发一个元素并使用 Bootstrap Tabs 作为我的选项卡。用户能够创建新的标签,所以问题是:超过 N 个标签(其中 N 取决于浏览器的宽度)导致此行为:

Tabs

我浏览了一些 Bootstrap HTML 标签代码,标签是 ul 中的 li 元素。我想实现这样的目标:

Tabs goal

所以在右侧(和左侧)选项卡组件可能有一个按钮,让我的用户在创建的选项卡之间导航(如 slider )。

有人可以指导我实现这个目标吗?还是默认实现此行为的任何其他选项卡组件(例如来自其他框架)?

提前致谢!

最佳答案

Bootstrap OOTB 中没有任何内容,但您可以执行以下操作: http://codeply.com/go/43ARTwZuie , 或 https://www.codeply.com/go/Loo3CqsA7T (Bootstrap 4.3.x)

此解决方案使用 jQuery 检查选​​项卡容器中的宽度,然后相应地调整选项卡的位置。

另一种选择是将溢出的选项卡放入下拉列表中,如下所示:http://www.bootply.com/7oAli9A9zL#

关于jquery - Bootstrap 滑动标签(不是标签内容),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31120627/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com