ฟองแบบเลื่อนลง bootstrap จัดชิดขวา (ไม่กดขวา)

ฉันมีรถเข็นในเมนูด้านบนของฉันโดยใช้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>

Bootstrap 3.1+

การเพิ่มคลาส. dropdown-menu-right ไปยัง div เดียวกันที่มีเมนูแบบเลื่อนลงคลาส:

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

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

Bootstrap 2.3 และ 3.0

เพิ่มคลาส. ดึงขวาไปยัง div เดียวกันที่มีเมนูดรอปดาวน์คลาส

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

ดูเหมือนว่าจะได้ผลสำหรับฉันโดยใช้ bootstrap 3.0

สิ่งนี้สามารถแก้ไขได้ด้วยคลาส bootstrap dropdown-menu-right โดยdropdown-menuเฉพาะสำหรับปัญหานี้ที่ใช้คุณสมบัติ css right: 0;และleft: auto;จัดแนวให้ถูกต้อง

วิธีนี้ใช้ได้ผลสำหรับฉัน

ที่มา - http://getbootstrap.com/components/#btn-dropdowns-dropup (ไปที่เครื่องมือสำหรับนักพัฒนาสำหรับสิ่งนี้)

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

ยังคงใช้งานได้ใน boostrap 4.2.1 :)

ในbootstrap v 3.1.0คำตอบสำหรับคำถามนี้แตกต่างกัน

jsfiddle

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

ตกลงรับมัน!

position:relative;left:0 บน <ul class="dropdown-menu">