Drop down menu 下拉菜单，Brootstrap，菜单中心，文本左侧

我相信有人已经阿莱迪张贴了这样一个问题，但我找不到解决办法

我在Rails、Brand带上使用露比，我想在页面中间做我的下拉菜单（整个），但是下拉菜单中的文本（链接，比如我们，做什么等等）应该是左侧的。 我怎么做

 <div class="btn-toolbar">
      <div class="btn-group">


    <button id="action-btn" class="btn dropdown-toggle" data-toggle="dropdown">
      About us
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li>
        <a href="del">
           <strong> We</strong>
         </a>
      </li>
      <li>

        <div class="mcol">
          <ul class ="sub">
            <div class ="subcolumns menuactivity">
              <a href="details"> What we do </a>
            </li>

      <a href="edit"> Countries </a>
    </div>
  </ul>
  <li>
    <a href="del">
      <strong>References </strong>
    </a>
  </li>
  </ul>


  <div class="btn-group">
    <button id="action-btn" class="btn dropdown-toggle" data-toggle="dropdown">
      News & Events
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li>
        <a href="del">
          <strong>Calender</strong>
        </a>
      </li>
      <ul class ="sub">
        <div class ="subcolumns menuactivity">
          <li>
            <a href="details"> News archive</a>
          </li>
        </ul>
    </div>

  </ul>
</div>

关于我们










新闻与事件

如果您使用的是默认情况下的引导，您可以在下面进行尝试

  <a class="pull-left" href="details"> What we do </a>

---

我已经有了另一个解决方案。 只需在css中输入以下代码：

.dropdown-menu {
  text-align: left;
   }

.btn-toolbar{
  text-align: center;
  padding-bottom:40px;
}​

---

我有一个由6个按钮组成的菜单，它们都有一个由5-7个链接组成的dropwodn菜单。难道没有一个通用的解决方案，我不应该把你的想法添加到我所有的选项中吗？我已经用我认为你所要求的更新了解决方案。试试看

.dropdown-menu {
  text-align: left;
   }

.btn-toolbar{
  text-align: center;
  padding-bottom:40px;
}​