6

ボタンのドロップダウンの一部がページ表示領域から出ています。

ここに画像の説明を入力してください

私は標準のブートストラップコードを使用しています：

<div class="btn-group">
    <button class="btn btn-info">Log In</button>
    <button class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">Log In with Facebook</a></li>
      <li class="divider"></li>
      <li><a href="#">Create New Account</a></li>
    </ul>
</div>

ページの下部にも同様の問題があります。別のボタンのドロップダウンがあり、ドロップダウンパーツが開くと、自動的に調整されず、すべてのオプションを表示するには下にスクロールする必要があります。

なにか提案を？

4

2 に答える 2

16

正しい位置に配置しなかったと思います.btn-group。

.navbar-inner-div に入れて class を追加します.pull-right。

デモJSFIDDLE

<div class="navbar">
  <div class="navbar-inner">
      <a class="brand" href="#">Title</a>
      <ul class="nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Link</a></li>
        <li><a href="#">Link</a></li>
      </ul>
       <div class="btn-group pull-right">
        <button class="btn btn-info">Log In</button>
        <button class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a href="#">Log In with Facebook</a></li>
          <li class="divider"></li>
          <li><a href="#">Create New Account</a></li>
        </ul>
      </div>
  </div>
</div>
于 2013-03-21T11:57:58.043 に答える
4

あなたは以下を作ることができます：

.dropdown-menu {
   left: -80px;
}

理由はわかりませんが、左に引くのは無意味です。

于 2013-03-21T15:52:52.987 に答える