title: Bootstrap 4 - Inline List?
body: <p>I migrated a site from Bootstrap 4 alpha 6 to Bootstrap 4 Beta 1. </p>
  
  <pre><code>&lt;ul class="nav navbar-nav list-inline"&gt;
    &lt;li class="list-inline-item"&gt;&lt;a class="social-icon text-xs-center" target="_blank" href="#"&gt;FB&lt;/a&gt;&lt;/li&gt;
    &lt;li class="list-inline-item"&gt;&lt;a class="social-icon text-xs-center" target="_blank" href="#"&gt;G+&lt;/a&gt;&lt;/li&gt;
    &lt;li class="list-inline-item"&gt;&lt;a class="social-icon text-xs-center" target="_blank" href="#"&gt;T&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now, the items align vertically instead of horizontally. How do I create an inline list with the Bootstrap 4 beta?</p>