gpt4 book ai didi

html - 如何将按钮与 Bootstrap 中具有标签的文本框对齐

转载 作者:太空宇宙 更新时间:2023-11-03 23:29:01 25 4
gpt4 key购买 nike

如何让按钮与文本框对齐?

<form accept-charset="UTF-8" action="/action" method="get">
<div class="form-group">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
<label for="from_date">From date</label>
<input class="form-control" id="from_date" name="from_date" type="text">
<p class="help-block">* Dates are inclusive</p>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
<label for="to_date">To date</label>
<input class="form-control" id="to_date" name="to_date" type="text">
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
<input class="btn btn-primary" name="commit" type="submit" value="Go">
</div>
</div>
</div>
</form>

enter image description here

最佳答案

向最后一个 div 添加填充是一种解决方案。

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 toppadding">        
<input class="btn btn-primary" name="commit" type="submit" value="Go">
</div>

在CSS类中添加

.toppadding
{
padding-top:23px;
}

检查这个Demo

关于html - 如何将按钮与 Bootstrap 中具有标签的文本框对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25903503/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com