Twitter Bootstrap düğmesi grup öğeleri ekrandan kesiliyor

Question

Düğme sayfamın bir bölümünü sayfa görüntüleme alanının dışına çıkıyorum. Ben standart önyükleme kodunu kullanıyorum

:

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

ben başka düğme açılan ve açılan kısmı öyle değil, açılır var da sayfanın alt kısmında benzer bir sorun var otomatik olarak kendini ayarlar ve tüm seçenekleri görmek için aşağı kaydırmam gerekir.

Herhangi bir öneri?

Answer 1

Sana doğru bir şekilde .btn-group konumlandırmak yoktu sanırım.

.navbar-inner -div içine koyun ve sınıf .pull-right ekleyin.

Aşağıdaki yapabilirsiniz 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

DEMO:

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

Nedenini bilmiyorum ama sol çekerek işe yaramaz.