Bootstrap 3, comment réduire le remplissage de texte dans l'élément d'entrée?

J'applique le Bootstrap 3 style pour mon formulaire de modification. Cependant, je tiens à réduire la marge de la zone d'entrée et une taille de police.

De ce fait, il faire mon montage former de plus grandes.
J'ai essayé de changer la colonne de la grille de catégorie (col-sm-,col-md-), mais il n'a pas aidé.

Et également de remplacer le css, de la zone de saisie n'affiche pas le texte.

.form-horizontal .form-group input, 
.form-horizontal .form-group select,
.form-horizontal .form-group label { 
    height: 14px;
    line-height: 14px;
}

HTML:

<div class="form-group">
    <label for="txtProductName" class="col-sm-2 control-label">Name :</label>
    <div class="col-md-3">
        <input type="text" id="txtProductName" CssClass="form-control"/>
     </div>
</div>

Bootstrap 3, comment réduire le remplissage de texte dans l'élément d'entrée?

Pourquoi êtes-vous à l'aide de col-- à l'extérieur de la ligne de la balise? Cela peut et va probablement briser les paddings/marges. Et pourquoi sont-ils fixés pour les différents écrans?(sm et md).

OriginalL'auteur Cheung | 2013-11-20

  1. 11

    Globalement, je ne recommande pas primordial de la réactivité de la grille de bootstrap qui est la principale raison d'être de l'utiliser!

    Pour remplacer la forme style suffit d'utiliser le code ci-dessous.

    HTML

    <div class="form-group">
    <label for="txtProductName" class="col-sm-2 control-label">Name :</label>
    <div class="col-md-3">
        <input type="text" id="txtProductName" Class="form-control form-fixer"/>
    </div>
</div>

    CSS

    input.form-fixer {
    padding: 1px;
    font-size: 19px;
}

.form-horizontal .form-group input, 
.form-horizontal .form-group select,
.form-horizontal .form-group label
 { 
    height: 14px;
    line-height: 14px;
}

    Ont également un Jsfiddle configurer....
    http://jsfiddle.net/ZRosenbauer/4wDKp/

    Vous voulez peut-être faire un padding: 1px 3px; au lieu de cela. car il est un peu trop proche de gauche
    Vous pouvez ajouter bootstrap en violon sans avoir besoin de copier et passé tous bootstrap css: l'Utilisation de twitter bootstrap dans jsFiddle

    OriginalL'auteur Zac Rosenbauer