title: Align in a straight row of DOM elements using bootstrap
body: <p>I'm using bootstrap now for my design, earlier I used table, tr and td and it worked fine. But now, the design gets changed and I want to see both elements in a single row. </p>
  
  <p>Here is my code </p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-6"&gt;
          &lt;div class="input-group"&gt;
              &lt;div class="radio"&gt;
                  &lt;label&gt;&lt;input type="radio" name="optradio"&gt;Option 1&lt;/label&gt;
              &lt;/div&gt;
              &lt;input type="text" class="form-control" /&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  jsfiddle is here  
  </code></pre>
  
  <p><a href="https://jsfiddle.net/Z4ntn/438/" rel="nofollow noreferrer">https://jsfiddle.net/Z4ntn/438/</a></p>
  
  <p>On top of it I would like to build similar kind in another rows.</p>
  
  <p>Plz let me know what went wrong and what needs to be updated to see both in a single row. </p>