title: Bootstrap form-group. Three elements in one line
body: <p>I have a <code>div</code>, where I have a <code>form-group</code>. 
   It is a <code>label</code> and beside a <code>TextAreaFor</code>. I need to display a text beside the <code>TextArea</code>, but the text it's always under the <code>TextArea</code>, as you can see here.
  <a href="https://i.stack.imgur.com/0SX2r.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0SX2r.png" alt="enter image description here"></a></p>
  
  <pre><code> &lt;div class="form-group"&gt;
       @Html.LabelFor(m =&gt; m.Remarks, new { @class = "control-label col-md-offset-1 col-md-3" })
         &lt;div class="col-md-8"&gt;
            @Html.TextAreaFor(m =&gt; m.Remarks, new { @class = "form-control", disabled = "disabled" })
            &lt;label for="textbox1" class="form-inline" &gt; I need text here&lt;/label&gt;
          &lt;/div&gt;                   
        &lt;/div&gt;
  </code></pre>
  
  <p>I've tried with <code>form-inline</code>
  I've tried to add <code>class= "col-md-2"</code> for the label, but none of these resolved my problem. 
  can you advise, please?</p>