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




css twitter-bootstrap (3)

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

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

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

मेरे पास 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>

क्लास ड्रॉपडाउन-मेन्यू जैसे एक ही div में कक्षा .dropdown-menu-right जोड़ने का प्रयास करें ...

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

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


bootstrap v 3.1.0 में इस प्रश्न का उत्तर अलग है।

jsfiddle

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




twitter-bootstrap