title: Bootstrap Show LI side by side
body: <p>How can I display LI.parent side by side?</p>
  
  <p>I'm using Bootstrap 3 and my HTML is:</p>
  
  <pre><code>&lt;ul role="menu" class="dropdown-menu"&gt;
  
  &lt;li class="item-001 dropdown parent"&gt;
      &lt;a href="/abc"&gt;ABC&lt;/a&gt;
      &lt;ul role="menu" class="dropdown-submenu"&gt;
          &lt;li class="item-1"&gt;
              &lt;a href="/abc/1"&gt;Link 1&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-2"&gt;
              &lt;a href="/abc/2"&gt;Link 2&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-3"&gt;
              &lt;a href="/abc/3"&gt;Link 3&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-4"&gt;
              &lt;a href="/abc/4"&gt;Link 4&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  
  &lt;li class="item-002 dropdown parent"&gt;
      &lt;a href="/abc"&gt;DEF&lt;/a&gt;
      &lt;ul role="menu" class="dropdown-submenu"&gt;
          &lt;li class="item-1"&gt;
              &lt;a href="/def/1"&gt;Link 1&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-2"&gt;
              &lt;a href="/def/2"&gt;Link 2&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-3"&gt;
              &lt;a href="/def/3"&gt;Link 3&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-4"&gt;
              &lt;a href="/def/4"&gt;Link 4&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  
  &lt;li class="item-003 dropdown parent"&gt;
      &lt;a href="/abc"&gt;GHI&lt;/a&gt;
      &lt;ul role="menu" class="dropdown-submenu"&gt;
          &lt;li class="item-1"&gt;
              &lt;a href="/ghi/1"&gt;Link 1&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-2"&gt;
              &lt;a href="/ghi/2"&gt;Link 2&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-3"&gt;
              &lt;a href="/ghi/3"&gt;Link 3&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="item-4"&gt;
              &lt;a href="/ghi/4"&gt;Link 4&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  
  &lt;/ul&gt;
  </code></pre>