CODEWITHSUNDEEP
csstwitter-bootstraptwitter-bootstrap-3
netdjw
netdjw

Reputation: 6007

How to put multiple input fields in one row using bootstrap?

Is there any bootstrap3 way to put all these fileds into one row? If it's possible I want to keep the input-group solution too.

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

Is this possible without CSS style hacking?

Upvotes: 0

Views: 6057

Answers (1)

LXhelili
LXhelili

Reputation: 980

You can do it in this way 

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

Upvotes: 3

Related Questions