Bootstrap 导航栏中的 Col,但需要全宽切换

Col in Bootstrap navbar, but want full width toggle

我使用 navbar-fixed-bottom 来显示两个主要 buttons/actions,居中。他们每个人都有 Col-3,所以我仍然可以使用两个 col-3。
我想制作一种向上滑动 "About us" 部分,并使用导航栏的折叠 属性 来实现。

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

我的问题是,由于 "About us" 依赖于 col-3,我无法让内容及其内部链接跨越整个宽度。它的最大宽度仍然是 col-3.

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

可行吗?有什么想法吗?

提前致谢。

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

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

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