Html 引导导航栏中的列，但需要全宽切换

我使用固定底部的导航栏显示两个主按钮/动作，居中。每个都是Col-3，所以我还有两个Col-3可以使用。 我想做一个关于us部分的滑动，并使用navbar的折叠特性来实现这一点

以下是引导层：

我的问题是，因为《关于我们》依赖于col-3，所以我不能让内容及其内部链接跨越全部宽度。其最大宽度仍为col-3

我试过桌子、桌上电池和许多其他的东西，没有一种效果很好

这可行吗？有什么想法吗

---

提前感谢。

我将研究如何实现Animate.css。这是一个比依赖原生CSS可以处理的javascript更好的选择

---

您可以只添加动画类和类效果。幻灯片应该适合您的需要。它比JS快得多，也少了很多麻烦。

你可以使用jQuery来获取宽度，并为列表包装器设置宽度。谢谢@dyaa，我担心我不得不求助于类似的方法。我想先看看标准元素是否可行。谢谢@Miura shi看起来确实是一个有效的解决方案，可以解决我需要做的事情。谢谢。@Volumineux没问题！如果此答案有助于您接受，请检查答案。这也有助于其他人了解。谢谢完成！再次感谢你。对不起，这是我第一次使用stackoverflow@Volumineux没问题，欢迎光临！在您的web开发之旅中，祝您一切顺利：