如何在iPhone6中并排显示两个元素？
如何在iPhone6中并排显示两个元素？
提问于 2017-01-29 03:25:29
我有一个小的Bootstrap 4表单，其中一行包含下拉菜单、搜索框和两个按钮。当我在iPhone 6中查看页面时，我看到GO按钮位于搜索框的下方。如何在同一行中同时具有搜索和转到按钮？
Plnkr链接是https://plnkr.co/edit/uJk6iE6NjBEXGcM2vhqT?p=preview
<div class="container">
<form class="form-inline">
<div class="row">
<div class="col-md-3 hidden-md-down">
<select class="custom-select">
<option selected>Sort by</option>
<option value="1">First Name</option>
<option value="2">Last Name</option>
<option value="3">Salary</option>
</select>
</div>
<div class="col-md-6">
<input class="form-control" type="text" data-action="grow" placeholder="Search">
<button class="btn btn-primary" type="button">
<span class="icon icon-magnifying-glass">GO</span>
</button>
</div>
<div class="col-md-3 hidden-md-down float-right">
<button type="button" class="btn btn-pill btn-success">Add</button>
</div>
</div>
</form>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2017-01-29 03:49:20
有关input group的更多信息，请阅读文档here
尝尝这个
HTML：
<div class="input-group">
<input class="form-control" type="text" data-action="grow" placeholder="Search">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">
<span class="icon icon-magnifying-glass">GO</span>
</button>
</span>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41913891
复制相关文章
相似问题
腾讯云开发者
