1

誰かがそのような質問を率直に投稿したと確信していますが、解決策を見つけることができませんでした。

私はRubyonRails、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

デフォルトでブートストラップをそのまま使用している場合は、以下を試すことができます

  <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 に答える
0

私はすでに別の解決策もあります。cssに次のコードを入れるだけです：

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

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