我希望在导航栏的下拉菜单中有两个侧边菜单。为了实现这一点，我想使用flexbox。然而，文字是换行的，我不希望他们，而是增长，以适应内容的宽度。

提示：您需要扩展fiddle的渲染宽度以避免引导崩溃。fiddle

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div>
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <div class="flex-container">
              <div>
                <li><a href="#">Left Side</a></li>
                <li><a href="#">Longer content on the left side</a></li>
              </div>
              <div>
                <li><a href="#">Log In</a></li>
                <li><a href="#">Sign Up</a></li>
              </div>
            </div>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

.flex-container {
  display: flex;
  justify-content: space-between;
}