2014-03-31 147 views
1

我試圖將兩個按鈕(應用和取消)對齊到一個div,以便他們總是在特定div的底部。我嘗試了位置,導航欄底部和很多規格,但我無法修復它們。任何幫助都將得到保證。Bootstrap 3 - 將按鈕對齊到底

其主要思想是即使用戶展開一些摺疊元素,按鈕也不會向上或向下移動。

這裏的答案沒有工作,也許對於崩潰的控制? 另外我在頁面中有一個底部頁腳,我不知道這是否是一個問題。

JS:小提琴:http://jsfiddle.net/Leandro1981/Mk692/2/

按鈕代碼:

<div class="container"> 
<button type="button" class="btn btn-danger pull-left">Cancelar</button> 
<button type="button" class="btn btn-success pull-right">Continuar</button> 
    </div> 

初始狀態:

Initial State

要求州:

enter image description here

實際狀態(錯誤):

enter image description here

+0

請使用備註需求獲取更多信息或鏈接或測試,或者如果您需要幫助,請提供幫助! :D在此先感謝! –

回答

3

我認爲這樣做最簡單的方法是添加這個CSS:

.panel-group {min-height: 258px;} 

我已經更新了小提琴:http://jsfiddle.net/Mk692/5/

+0

嗯,有趣的是,你正在摺疊而不是按鈕!它給了我很多想法 –

+1

從我的經驗來看,它比試圖讓一個元素堅持到某個底部更容易。這不是一個漂亮的解決方案,但它的工作原理。 –

+0

解決方案很好,我在我的應用程序嘗試,它工作正常:) 唯一的事情是,現在,小計下降與按鈕...但我認爲是另一個問題:S –