0

ブートストラップ ホームページにトップ バーのドロップダウン メニューがあります。ドロップダウン メニューは、各メニュー項目の下から始まります。ドロップダウンメニューをページの中央に配置したい。(1280px のコンテンツ領域の左側から開始し、右側で終了する必要があります)

HTML:

        <div class="navbar">
          <div class="navbar-inner">
            <div class="container" style="width: 1280px;">
              <ul class="nav" role="navigation">
                <li class="dropdown">
                  <a id="drop1" href="#" class="dropdown-toggle menuitem" data-toggle="dropdown">nav1</a>
                  <ul class="dropdown-menu" aria-labelledby="drop1" style="width:1180px;">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="http://google.com">Action</a></li>
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#anotherAction">Another action</a></li>
                   </ul>
                </li>

            </div>
          </div>
        </div>
4

1 に答える 1

0

コンテナを にすることができ、で絶対的にすることがrelativeできます。li.dropdownleft:0

CSS:

.container{
    position:relative;
}

li.dropdown ul.dropdown-menu{
    position:absolute;
    left: 0;
    top: 0 /*according to your menu height */
    width: 1280px;
}

お役に立てれば。

于 2013-05-27T07:38:25.877 に答える