【问题标题】:Bootstrap 3 - Align buttons to bottomBootstrap 3 - 将按钮对齐到底部
【发布时间】:2014-04-01 04:13:51
【问题描述】:

我尝试将两个按钮(应用和取消)与一个 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>

初始状态:

通缉状态:

实际状态(错误):

【问题讨论】:

  • 请使用评论获取更多信息或链接或测试,或者如果您需要任何帮助! :D 提前谢谢!!!

标签: javascript jquery html css twitter-bootstrap


【解决方案1】:

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

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

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

【讨论】:

  • 嗯,有趣的是,您正在使用可折叠而不是按钮!它给了我很多想法
  • 根据我的经验,这比试图让一个元素粘在某物的底部更容易。这不是一个很好的解决方案,但它确实有效。
  • 解决方案很好,我在我的应用程序中尝试过,它运行良好:) 唯一的问题是现在,小计随着按钮下降......但我认为这是另一个问题:S
猜你喜欢
  • 1970-01-01
  • 2018-07-02
  • 2021-06-10
  • 2018-09-23
  • 2014-08-23
  • 2023-03-12
  • 2014-01-02
  • 1970-01-01
相关资源
最近更新 更多