Bootstrap 3: personnaliser la largeur d'entrée-groupe entrée/de-groupe-addon et horizontale des étiquettes

Je voudrais contrôler la taille de mes éléments d'entrée à l'aide de la classe .col-lg-* décrites ici sur le bootstrap site web. Cependant, mettre le <span> élément à l'intérieur d'un div complètement mess it up:

HTML avec des div:

<div class="input-group input-group-lg">
  <label for="" class="control-label">Paycheck</label>
  <div class="col-lg-10">
    <span class="input-group-addon">$</span> 
    <input type="text" class="form-control" id="">
  </div>
</div>

Comment puis-je régler la largeur de l'entrée des éléments de sorte qu'ils sont tous les mêmes?

Je veux de la marge de gauche de chaque élément d'entrée d'être au ras de la sorte:

C'est à quoi il ressemble maintenant:

C'est mon HTML:

    <div class="col-md-6">
        <div class="content">
            <h2>Income</h2>
        <form class="form-income form-horizontal" role="form">

            <div class="input-group input-group-lg">
            <label for="" class="control-label">Paycheck</label>
                <span class="input-group-addon">$</span> 
                <input type="text" class="form-control" id="">
            </div>

            <div class="input-group input-group-lg">
            <label for="" class="control-label">Investments</label>
                <span class="input-group-addon">$</span>
                <input type="text" class="form-control" id=""> 
            </div>

            <div class="input-group input-group-lg">
            <label for="" class="control-label">Other</label>
                <span class="input-group-addon">$</span> 
                <input type="text" class="form-control" id="">
            </div>

            <button class="btn btn-lg btn-primary btn-block" type="submit">Update</button>
        </form>

        </div>

LIVE EXEMPLE: http://jsfiddle.net/jfXUr/

OriginalL'auteur Keven | 2013-11-29