Html 如何在页面底部定位引导btn组?

Html 如何在页面底部定位引导btn组?,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,代码如下: <div class="row"> <div class="col-xs-push-1 col-xs-10 col-sm-4"> <form onsubmit="return false"> ... </form> </div> <div class="col-xs-11 col-xs-push-1 col-sm-6 buttons tex

代码如下:

<div class="row">
    <div class="col-xs-push-1 col-xs-10 col-sm-4">
        <form onsubmit="return false">
            ...
        </form>
    </div>
    <div class="col-xs-11 col-xs-push-1 col-sm-6 buttons text-center">
        <div class="btn-group">
            ...
        </div>
    </div>
</div>
您应该给btn组:

并确保父div.button具有:

同时给出parent.row:

您应该给btn组:

并确保父div.button具有:

同时给出parent.row:


应该是另一种方式:

.容器需要有相对位置的按钮

.btn组内部div需要有绝对位置

此外,确保容器具有正确的高度


顺便说一句,在外部div的示例中,另一种将内部div放置在正确位置底部的技术是使用CSS的垂直对齐属性,认为需要进行其他更改,请用谷歌搜索它。

应该是另一种方法:

.容器需要有相对位置的按钮

.btn组内部div需要有绝对位置

此外,确保容器具有正确的高度


顺便说一下,在外部div的示例中,另一种将内部div放置在适当位置底部的技术是使用CSS的垂直对齐属性,认为需要进行其他更改,谷歌搜索它。

如果它在引导中,你不会改变这些类中的一个col-sm-6,这样它就跨越了一个完整的列宽-一个工作的JSFIDLE或类似的东西会很有帮助。如果它在引导中,你不会改变这些类中的一个col-sm-6,这样它就跨越了一个完整的列宽-一个工作的JSFIDLE或类似的东西会很有帮助工作小提琴?我认为这种方法行不通,因为.button没有与之关联的高度。嗯,您确定引导程序在使用.row display:flex;时仍能正常工作吗;?我记得我在一个网站上工作时遇到了一些问题。如果可以的话,很好,但最好小心点。只需给父节点添加一个点更改,否则我们必须更改方法,比如将btn组放入父节点。我刚刚更新了。谢谢,伙计,这很有效。为父行提供flex的显示值,这就完成了。@Аббзззќ不客气!很高兴它帮助了你!:有小提琴吗?我认为这种方法行不通,因为.button没有与之关联的高度。嗯,您确定引导程序在使用.row display:flex;时仍能正常工作吗;?我记得我在一个网站上工作时遇到了一些问题。如果可以的话,很好,但最好小心点。只需给父节点添加一个点更改,否则我们必须更改方法,比如将btn组放入父节点。我刚刚更新了。谢谢,伙计,这很有效。为父行提供flex的显示值,这就完成了。@Аббзззќ不客气!很高兴它帮助了你!:这是不正确的,因为这种技术不适合于表格,实际上我们不需要考虑窗体或截面的高度…如果OP想在该特征中添加另一个字段,他需要每次为这个部分改变高度。这是不正确的,因为这种技术不适合于表单,实际上我们不需要考虑窗体的高度。或节…如果OP想要在功能中添加其他字段,他需要每次更改此节的高度。
.buttons{
    position: absolute;
}
.btn-group{
    position: relative;
    bottom: 0;
    right: 0;
}
.btn-group{
    position: absolute;
    bottom: 0;
    right: 0;
}
.buttons{
    position: relative;
}
.row{
  display:flex;
}