title: How do I stop a column from wrapping or breaking to a new line in Bootstrap?
body: <p>As you can see in the example, everything is perfect in the XS, SM, MD views.  However, in the LG view, I cannot get everything on the same line no matter how hard I try.</p>
  
  <p>I've been working on this for too long.  Does anyone have any recommendations on how to prevent the last column from wrapping to a new line?  Or, do you have a better strategy?</p>
  
  <p>This is part of an <code>inline-form</code>with multiple rows.  The reason I have specified a size on the inputs is because it represents the total string length of data that could come back from the server.</p>
  
  <ul>
  <li>The label should be to the left in MD and LG views</li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /&gt;
  
  &lt;div class="container"&gt;
    &lt;div class="form-inline"&gt;
  
      &lt;div class="row"&gt;
  
        &lt;div class="form-group col-xs-6 col-lg-6"&gt;
          &lt;label for="PositionDesp" class="control-label"&gt;Position:&lt;/label&gt;
          &lt;input id="PositionDesp" name="PositionDesp" class="form-control" type="text" size="50" value="" readonly&gt;
  
        &lt;/div&gt;
        &lt;div class="form-group col-xs-3 col-sm-offset-1 col-sm-2 col-md-offset-0 col-lg-3 col-lg-pull-1"&gt;
          &lt;label for="TotalFte" class="control-label"&gt;Total FTE:&lt;/label&gt;
          &lt;input id="TotalFte" name="TotalFte" class="form-control" type="text" size="6" value="" readonly&gt;
  
        &lt;/div&gt;
        &lt;div class="form-group col-xs-3 col-sm-2 col-lg-pull-2 col-lg-4"&gt;
          &lt;label for="BasePay" class="control-label"&gt;Base Pay:&lt;/label&gt;
          &lt;input id="BasePay" name="BasePay" class="form-control" type="text" size="25" value="" readonly&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  
  
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>