Input very small bootstrap

html twitter-bootstrap input modal-dialog

24,883

In bootstrap, you can add classes to increase the length of the input control. For example, input-large, input-xlarge, input-xsmall, etc... You can also use input-block-level to have the input fill the width of the containing div.

You can see here for more details regarding form control styling:

http://twitter.github.io/bootstrap/base-css.html#forms

Also, make sure you have your doctype specified as HTML5 using <!DOCTYPE HTML> and the meta tag is properly set, such as <meta name="viewport" content="width=device-width, initial-scale=1.0">. While I have not had any issues with this, I've read that bootstrap can have some issues if these are not properly defined.

Good luck!

24,883

Author by

mpgn

Favorite quote : “We guarantee that each number is random individually, but we don’t guarantee that more than one of them is random.” http://stackoverflow.com/a/8574774/2274530

Updated on July 19, 2020

Comments

mpgn almost 4 years

I use bootstrap and when i try to place an input i have this :

input

A very small input...

<!-- FILTRE 2em partie-->
<div id="filtre2" class="modal hide fade row-fluid" tabindex="-1" role="dialog" aria-labelledby="filtre2" aria-hidden="true">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="filtre2">Paramétre du filtre générique (2/2)</h3>
    </div>
    <div class="modal-body" class="form-horizontal" >
        <div class="rep"></div>
        <p>Lorsqu'un message correspondant à cette recherche arrive :</p>
        <em>Spécifier le sous-dossier dans lequel le mail doit être envoyé : </em>
        <input type="text" name="repertory" id="repertory"/>
        <!--<p><input type="checkbox"  name="spam" id="checksuppr" value="spam"/> Supprimer le message</p>-->
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Fermer</button>
        <button class="btn btn-primary" type="submit" id="creespam">Créer filtre</button>
    </div>

</div>