我使用下面的代码来做一个简单的公式与引导:
<form class="form-inline">
<div class="form-group col-xs-2 col-md-2">
<label for="name" class="control-label">De</label>
<input type="email" value='' id="name" placeholder="Ime">
</div>
<div class="form-group col-xs-2 col-md-2">
<label for="name" class="control-label">A</label>
<input type="email" value='' id="name" placeholder="Ime">
</div>
<div class="form-group col-xs-2 col-md-2">
<label for="name" class="control-label">Départ</label>
<input type="email" value='' id="name" placeholder="Ime">
</div>
<div class="form-group col-xs-2 col-md-2">
<label for="name" class="control-label">Retour</label>
<input type="email" value='' id="name" placeholder="Ime">
</div>
<div class="form-group col-xs-2 col-md-2">
<label for="name" class="control-label"></label>
<button type="submit" class="btn btn-default">recherche</button>
</div>
</form>
但结果是:
那么,为什么搜索按钮在其他输入字段的上方?有没有一种方法可以在不影响响应性的情况下重新定位它?
谢谢你
5条答案
按热度按时间zsohkypk1#
参见下面的片段。
首先,您的
input
字段超出了col
的width
。因此将max-width:100%
设置为它们第二,
.btn
有inline-block
样式,使用display:block
代替如果对你有用,请告诉我
vpfxa7rd2#
在要对齐的按钮顶部添加一个带有
的空标签,如下所示6za6bjd03#
您的按钮不应该在表单组中,而且这也不是标记内联表单的常用方法(使用XML)。请看这个例子,为了简洁起见,我使用了你的一些字段:
8tntrjer4#
添加标签后,像这样
vhmi4jdf5#
为窗体标签和控件标签类添加不可分割的空格对我很有效