Bootstrap button group always align horizontally
<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>