title: Avoid line breaks in bootstrap button group
body: <p>I've a bootstrap button group which includes a text between the buttons:</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-css lang-css prettyprint-override"><code>@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
  @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;div class="btn-group"&gt;
                  &lt;div class="btn btn-primary"&gt;
                      &lt;i class="fa fa-chevron-left"&gt;&lt;/i&gt;
                  &lt;/div&gt;
                  &lt;div&gt;2016&lt;/div&gt;
                  &lt;div class="btn btn-primary"&gt;
                      &lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How to avoid the line breaks, such that the buttons and the text are aligned in one line?</p>