Comment aligner les radios / cases à cocher en ligne et bloquer les éléments sous forme horizontale avec Bootstrap de Twitter 3

Il ya quelques jours Twitter Bootstrap 3 RC1 publié et je viens de commencer à jouer avec elle sur un projet personnel.

J'ai l'horizontale de la forme qui comprend certains inline radio-case groupes, mais l'alignement horizontal de ces éléments ne sont pas égaux:

Question 1: Pourquoi google chrome n'a pas l'affiche de l'aide-élément de bloc sur la même ligne avec le label?

Question 2: Comment aligner inline groupe de boutons radio sur la même ligne avec étiquette?

Question 3: Est suivant le balisage valide? Ce sont ces problèmes liés avec le balisage?

Balisage:

<div class="container">
  <form class="form-horizontal">

  <div class="form-group">
    <label class="col-lg-2 control-label">Weight</label>
    <div class="col-lg-1">
      <input type="text" name="weight" class="form-control" value="20">
    </div>
    <div class="help-block"> grams</div>  
  </div>

  <div class="form-group">
    <label class="col-lg-2 control-label">Full part name</label>
    <div class="col-lg-6">
      <input type="text" name="name" class="form-control" placeholder="Don't use numeric characters..">
    </div>
  </div>

  <div class="form-group">
    <label class="col-lg-2 control-label">Inline radios</label>
    <div class="col-lg-10">
      <label class="radio-inline">
        <input type="radio" name="radio"> Hello
      </label>
      <label class="radio-inline">
        <input type="radio" name="radio"> Other
      </label>
      <label class="radio-inline">
        <input type="radio" name="radio"> Another
      </label>
      <label class="radio-inline">
        <input type="radio" name="radio" checked="checked"> Foobar
      </label>
    </div>
  </div>
</form>
</div>

EDIT:

Aussi ce balisage sur un petit écran produit un "tombé de l'aide-élément de type block". Je pense que mon langage est problématique, mais je n'ai aucune idée de ce qui est mal.

source d'informationauteur edigu