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 更快,错误更少。
我使用 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 更快,错误更少。