title: Bootstrap button group always align horizontally
body: <p>Bootstrap button group make them always in one line, always align horizontally.
  When I resize window button comes down vertically.</p>
  
  <p>I am looking for a solution where button comes always in one line no matter what.</p>
  
  <p>I have applied <code>style="white-space:nowrap;"</code> on parent div but it doesn't work.</p>
  
  <p><strong><em>If possible try to use only bootstrap's inbuilt css classes.</em></strong>
  <strong><em>Please answer by keeping current HTML structure as it is. Because that's how it is implemented in mine project.</em></strong></p>
  
  <p>This is simplest implementation of bootstrap button group. See <a href="https://plnkr.co/edit/GCUOZpq5iYnhn9fgIbet" rel="nofollow">PLUNKER</a></p>
  
  <p><strong>CODE</strong></p>
  
  <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="well form-horizontal"&gt;
      &lt;div class="form-group" style="white-space:nowrap;"&gt;
        &lt;div&gt;
          &lt;div class="btn-group"&gt;
            &lt;button type="button" class="btn btn-primary"&gt;
              11111
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-success"&gt;
              22222
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-primary"&gt;
              33333
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-success"&gt;
              44444
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-primary"&gt;
              55555
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-success"&gt;
              22222
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-primary"&gt;
              33333
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-success"&gt;
              44444
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-primary"&gt;
              55555
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-success"&gt;
              44444
            &lt;/button&gt;
            &lt;button type="button" class="btn btn-primary"&gt;
              55555
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>