CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
artem
artem

Reputation: 16767

Inputs have very small height

I used bootstrap a lot of times before, but now in my GAE project I have a problem — the input elements have really small height. Buttons, for example, are OK:

enter image description here

HTML code:

<div class="container">
   <div class="row">
      <div class="span6 pull-right">
         <div class="well well-small">
         <form>
            <input id="length" class="input-small" name="length" type="text" value="8">
            <br/>
            <input type="number" value="8">
            <br/>
            <input type="submit" class="btn btn-success" value="Generate">
          <!-- etc -->

Screenshot from dev tools:

enter image description here

Edit 2: Removed height:20px rule from bootstrap, now it's OK. But why it was there?

Bootstrap version is 2.2.1. Screenshot was made in Chrome 23.0.1271.95, Mac OS X 10.8.

Upvotes: 1

Views: 1512

Answers (1)

TlmaK0
TlmaK0

Reputation: 3886

Add

<!DOCTYPE html>

to your document should fix the problem.

Upvotes: 7

Related Questions