如何使用bootstrap将多个输入字段放在一行中?

时间:2017-05-24 18:06:59

标签: css twitter-bootstrap twitter-bootstrap-3

是否有任何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样式的黑客攻击,这可能吗?

1 个答案:

答案 0 :(得分:2)

你可以这样做

<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>