बूटस्ट्रैप ड्रॉपडाउन बुलबुला संरेखित करें (पुश-राइट नहीं)

Question 1

मेरे पास मेरे शीर्ष मेनू में गाड़ी है, push-rightऔर मेरी समस्या यह है कि ड्रॉपडाउन बुलबुला पृष्ठ से बाहर हो जाता है। मैं बुलबुला सही संरेखित करने का प्रयास कर रहा हूं, ताकि यह 'क्लिक' के साथ सही संरेखित हो

इस तरह

यहाँ छवि विवरण दर्ज करें

HTML:

<div class="cart pull-right">
  <ul class="nav">
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a>
       <div class="dropdown-menu">
       STUFF
       </div>
    </li>
  </ul>
</div>

Question 2

बूटस्ट्रैप 3.1+

वर्ग ड्रॉपडाउन मेनू वाले एक ही div में वर्ग .dropdown-menu-right जोड़ना:

<div class="dropdown-menu dropdown-menu-right">
    STUFF
</div>

http://getbootstrap.com/components/#dropdowns-alignment

बूटस्ट्रैप 2.3 और 3.0

वर्ग ड्रॉपडाउन मेनू वाले एक ही div में वर्ग .pull-right जोड़ें

<div class="dropdown-menu pull-right">
    STUFF
</div>

यह बूटस्ट्रैप 3.0 का उपयोग करके मेरे लिए काम करता है

Question 3

इसे बूटस्ट्रैप क्लास के dropdown-menu-right साथ हल किया जा सकता है dropdown-menu, विशेष रूप से इस समस्या के लिए जो सीएसएस गुणों का उपयोग करता है right: 0;औरleft: auto; इसे सही संरेखित करता है।

यह समाधान मेरे लिए काम कर रहा है।

स्रोत - http://getbootstrap.com/compenders/#btn-dropdowns-dropup (इसके लिए डेवलपर टूल पर जाएं)

Question 4

<div class="dropdown-menu dropdown-menu-right">

यह अभी भी 4.2.1 की वृद्धि में काम कर रहा है :)

Question 5

में bootstrap v 3.1.0 इस सवाल का जवाब अलग है।

jsfiddle

<div class="dropdown-menu pull-menu-right">
       STUFF
</div>

Question 6

ठीक मिल गया!

position:relative;left:0 पर <ul class="dropdown-menu">