2015-03-24 62 views
0

我使用navbar-fixed-bottom来显示两个主要按钮/动作,居中。 Col-3为他们每个人,所以我仍然有两个col-3我可以使用。
我想做一种向上滑动“关于​​我们”部分,并使用导航栏的折叠属性来实现此目的。Col在Bootstrap导航栏中,但想要全角切换

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

我的问题是,自“关于我们”依赖于COL-3,我不能有内容及其中的链接来跨越整个宽度。它的最大宽度仍然是col-3。

我尝试过表格,表格单元格等很多东西,没有什么效果。

它可行吗?任何想法 ?

在此先感谢。

+0

你可以使用jQuery来获取宽度并将其设置为列表包装 – dyaa 2015-03-25 02:07:22

+0

谢谢@dyaa我担心我不得不诉诸于此类。我想先看看标准元素是不可能的。 – PHRENESE 2015-03-25 11:41:25

回答

0

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

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

你可以只添加动画类和类的效果。 slideInUp应该可以满足您的需求。它比JS快得多,而且更少buggier。

+1

谢谢@三浦市似乎确实是一个有效的解决方案,我需要做的。谢谢。 – PHRENESE 2015-03-25 11:43:22

+0

@Volumineux没问题!如果这个答案帮助你,请接受,检查答案。这也会帮助其他人知道。谢谢! – 2015-03-25 12:26:32

+1

完成!并再次感谢你。 (对不起,这是我第一次使用stackoverflow) – PHRENESE 2015-03-25 18:26:22