如何使用引导程序将多个输入字段放在一行中？

Question

是否有任何 bootstrap3 方法可以将所有这些文件放在一行中？如果可能的话，我也想保留input-group 解决方案。

<div class="input-group">
    <input type="text" name="name" placeholder="Name" class="form-control" required>
    <input type="text" name="tel" placeholder="Phone" class="form-control">
    <input type="text" name="email" placeholder="E-mail" class="form-control">
    <button type="submit" class="btn btn-primary">
        <i class="fa fa-btn fa-plus"></i>
    </button>
</div>

如果没有CSS 风格的黑客攻击，这可能吗？

Answer 1

你可以这样做

<div class="form-inline">
    <input type="text" name="name" placeholder="Name" class="form-control" required>
    <input type="text" name="tel" placeholder="Phone" class="form-control">
    <input type="text" name="email" placeholder="E-mail" class="form-control">
    <button type="submit" class="btn btn-primary">
        <i class="fa fa-btn fa-plus"></i>
    </button>
</div>