ट्विटर बूटस्ट्रैप बटन समूह आइटम स्क्रीन को काट रहा है

Question

मुझे पृष्ठ देखने वाले क्षेत्र से मेरे बटन ड्रॉपडाउन का कुछ हिस्सा मिल रहा है।

मैं मानक बूटस्ट्रैप कोड का उपयोग कर रहा:

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

मैं पेज भी है, जहां मैं एक और बटन लटकती और फिर लटकती हिस्सा खुल जाता है, यदि ऐसा नहीं होता है के तल पर समान मुद्दा है स्वचालित रूप से स्वयं को समायोजित करें और मुझे सभी विकल्पों को देखने के लिए नीचे स्क्रॉल करना होगा।

कोई सुझाव?

Answer 1

मुझे लगता है कि आपने .btn-group को सही तरीके से नहीं रखा है।

इसे .navbar-inner -div में रखें और .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> 

Answer 2

आप निम्न कर सकते हैं:

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

मैं पता नहीं क्यों, लेकिन खींच छोड़ दिया बेकार है।