2015-03-24 44 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