CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Felix
Felix

Reputation: 5629

Bootstrap input sizing and position problems

I've got some problems with sizing and positioning bootstrap input filds.

I've added the css class="form-controle" to the inputs.

and Now it looks like this:

enter image description here

But this is a cloze text to fill in and it should look like this:

enter image description here

It should always be like this: <> input <> input

Any hint how I can get this view with bootstrap?

Upvotes: 0

Views: 88

Answers (2)

trainoasis
trainoasis

Reputation: 6720

Try form-inline - check it on bootstrap's site here.

<form class="form-inline">
  <div class="form-group">
    <label for="exampleInputName2">Name</label>
    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
  </div>
  <div class="form-group">
    <label for="exampleInputEmail2">Email</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
  </div>
  <button type="submit" class="btn btn-default">Send invitation</button>
</form>

Upvotes: 0

user3227295
user3227295

Reputation: 2156

check this example in bootstrap site

http://getbootstrap.com/css/#forms-inline

Upvotes: 1

Related Questions