Bootstrap 3 - 将按钮对齐到底部

时间:2014-03-31 19:59:48

标签: javascript jquery html css twitter-bootstrap

我尝试将两个按钮(应用和取消)对齐到div,以便它们始终位于特定div的底部。我尝试了位置,导航栏和许多规格,但我无法修复它们。任何帮助都会得到预防。

主要思想是,即使用户展开了一些折叠元素,按钮也不会向上或向下移动。

这里的答案没有用,也许是因为倒塌的控制? 我也是页面底部的页脚,我不知道这是不是问题。

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

1 个答案:

答案 0 :(得分:3)

我认为最简单的方法是添加这个CSS:

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

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