如何浮动引导导航栏的最后一个子项目

Question

我想知道如何制作子菜单的最后一项，如果它大于容器，则显示在左侧而不是右侧。

PS：已弃用此问题How to left align bootstrap 3 dropdown menu?的解决方案

Example jsfiddle

        <li class="dropdown">
      <a href="/ambientes/" class="dropdown-toggle" data-toggle="dropdown">Ambientes <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li class="dropdown dropdown-submenu">
            <a href="/ambientes/sala-de-estar" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Sala de Estar</a>
            <ul class="dropdown-menu">
                <li><a href="/ambientes/sala-de-estar/conjunto-de-sofa">Conjunto de Sof&aacute;</a>
                </li>
                <li><a href="/ambientes/sala-de-estar/rack-com-painel">Rack com Painel</a>
                </li>
                <li><a href="/ambientes/sala-de-estar/sala-de-estar-completa">Sala de Estar Completa</a>
                </li>
            </ul>
        </li>
        ...
      </ul>
    </li>