Bootstrap导航栏中的Col，但想要全宽切换

Question

我使用导航栏固定底部来显示两个主要按钮/操作，居中。 Col-3 为他们每个人，所以我仍然有两个我可以使用的 col-3。
我想制作一种向上滑动的“关于我们”部分，并使用导航栏的折叠属性来实现这一点。

这是引导程序：http://www.bootply.com/bAw2Wj2gGZ

我的问题是，由于“关于我们”取决于 col-3，我不能让内容及其内部链接跨越整个宽度。它的最大宽度仍然是 col-3。

我尝试了表格、表格单元格和许多其他东西，但没有一个效果很好。

可行吗？有什么想法吗？

提前致谢。

Answer 1

我会考虑实现 Animate.css。与依赖原生 CSS 可以处理的 javascript 相比，这是一个更好的选择。

http://daneden.github.io/animate.css/

您可以只添加动画类和类效果。 slideInUp 应该可以满足您的需求。它比 JS 更快，错误更少。