Change width of bootstrap input field

Question

I have made an input form and one of the inputs is an amount, everything works however the field seems to take the width of my entire browser, anyone know why?

<input type="text" class="form-control" placeholder="2.00" width="50px" name="amount"><br>

Norman Bentley · Accepted Answer · 2016-02-16 23:29:34Z

5

<input type="text" class="form-control" placeholder="2.00" style="width:50px" name="amount"><br>

Use style ;)

answered Feb 16, 2016 at 23:29

Norman Bentley

6605 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Edward Nevard Over a year ago

This works, however it is no longer center aligned along with everything else in my <div class="row text-center"> Any ideas?

Norman Bentley Over a year ago

could you post a bit of the content within the <div class="row text-center"> div.

Norman Bentley Over a year ago

Ignore the above, I see what you mean. Gimme a sec

Edward Nevard Over a year ago

Nevermind, I have fixed the alignment issue by using '<div align="center">' instead.

DrevanTonder · Accepted Answer · 2016-02-16 23:42:04Z

1

If you want to make the whole form a certain length (50%) Use:

  <form class="form-horizontal" style="width:50%;">
     //your form
  </form>

or:

 <div style="width:50%;">
    <form class="form-horizontal">
       //your form
    </form>
 </div>

or:

   <input type="text" class="form-control" placeholder="2.00" width="50px" name="amount" style="width:50%;"><br>

I used the second option. example

answered Feb 16, 2016 at 23:42

DrevanTonder

7272 gold badges13 silver badges33 bronze badges

Collectives™ on Stack Overflow

Change width of bootstrap input field

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related