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

标签 html css twitter-bootstrap footer navbar

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

这是 Bootstrap :http://www.bootply.com/bAw2Wj2gGZ

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

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

可行吗?有什么想法吗?

提前致谢。

最佳答案

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

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

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

关于html - Bootstrap 导航栏中的 Col,但需要全宽切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29243475/

相关文章:

html - 使用 CORS 的 CSRF

html - 如何让我的 jwplayer 视频响应?

javascript - 如何手动触发 bootstrap "required"工具提示警报?

css - 向下滚动时 Bootstrap 固定标题

javascript - 为什么p标签的内容是什么都没有但长度却是1?

html - 如何在有类的 div 之后选择每个没有类的第一个 div?

c# - 如何隐藏 power bi 报告的过滤器部分?

javascript - 如何为不仅仅是文本自定义 Bootstrap typeahead 布局/功能?

HTML 输入文本 : increase text size without changin input size

html - "Responsive"水平列出元素?