Gli elementi del gruppo pulsante Bootstrap di Twitter vengono tagliati dallo schermo

Question

Sto recuperando parte del mio menu a discesa dall'area di visualizzazione della pagina.

Sto usando il codice di bootstrap di serie:

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

devo problema simile sulla parte inferiore della pagina anche, dove ho un altro menu a discesa e quindi si apre la parte a discesa, non è così si regola automaticamente e devo scorrere verso il basso per visualizzare tutte le opzioni.

Qualche suggerimento?

Answer 1

Immagino che non hai posizionato il .btn-group nel modo giusto.

Inserirlo nel .navbar-inner -div e aggiungere la classe .pull-right.

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

Answer 2

È possibile effettuare le seguenti operazioni:

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

Non so perché, ma tirando sinistra è inutile.