1

我确信有人已经发布了这样的问题，但我找不到解决方案。

我正在使用 Ruby on Rails、Brootstrap，我想成为页面中间的下拉菜单（整个），但下拉菜单中的文本（如 We、What we do 等链接）应该是左侧。

我该怎么做？

 <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>
4

2 回答 2

0

我已经找到了另一种解决方案。只需在css中放入以下代码：

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

.btn-toolbar{
  text-align: center;
  padding-bottom:40px;
}​
于 2012-10-01T09:28:34.037 回答
0

如果您默认使用引导程序，则可以在下面尝试

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

我已经更新了一个例子。

http://jsfiddle.net/acc8t/

我通过使用下面的 css 做到了这一点

.sub{margin-left:0px;}
于 2012-09-29T14:35:12.380 回答