title: How to set text right after textbox twitter bootstrap
body: <p>I have a form elements using the following markup.. And the current look of the form you can find in the following screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/iDrQq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iDrQq.png" alt="Screenshot"></a></p>
  
  <p>How can I set the "In" and"Lbs" right after their corresponding textbox?</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="BI16" class="col-md-1 col-md-offset-1 control-label"&gt;Height:&lt;/label&gt;
      &lt;div class="col-md-1"&gt;
          &lt;input type="text" id="BI16" name="medicareNumber" class="form-control" ng-model="hraFormData.HraValuesJson.BI16" /&gt;In
      &lt;/div&gt;
      &lt;label for="BI16" class="col-md-1 control-label"&gt;Weight:&lt;/label&gt;
      &lt;div class="col-md-1"&gt;
          &lt;input type="text" id="BI16" name="medicareNumber" class="form-control" ng-model="hraFormData.HraValuesJson.BI16" /&gt;
      &lt;/div&gt;
      &lt;label for="BI16" class="col-md-1 control-label"&gt;BMI:&lt;/label&gt;
      &lt;div class="col-md-2"&gt;
          &lt;input type="text" id="BI16" name="medicareNumber" class="form-control" ng-model="hraFormData.HraValuesJson.BI16" /&gt;Lbs
      &lt;/div&gt;
      &lt;label for="BI16" class="col-md-1 control-label"&gt;Waist:&lt;/label&gt;
      &lt;div class="col-md-2"&gt;
          &lt;input type="text" id="BI16" name="medicareNumber" class="form-control" ng-model="hraFormData.HraValuesJson.BI16" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>