önyükleme açılır balonu sağa hizala (sağa itme değil)


91

Üst menümde alışveriş sepetim var push-rightve benim sorunum açılır balonun sayfadan düşmesi. Balonu 'tıklama' ile doğru hizalanması için doğru hizalamaya çalışıyorum

bunun gibi

görüntü açıklamasını buraya girin

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>

2
Sahip olduklarınızı başkalarına göstermek için jsfiddle.net'e koymak daha iyidir .
JofryHS

right:0;açılır listeyi denedin mi?
Rahul

Yanıtlar:


193

Bootstrap 3.1+

.Dropdown-menu-right sınıfını, sınıf açılır menüsünü içeren aynı div'e eklemek:

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

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

Bootstrap 2.3 ve 3.0

.Pull-right sınıfını, sınıf açılır menüsünü içeren aynı div'e ekleyin

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

Bu, bootstrap 3.0 kullanarak benim için çalışıyor gibi görünüyor


20
V3.1.0'dan beri sağ açılır menüyü kullanabilirsiniz . Bkz. Github.com/twbs/bootstrap/blob/v3.1.0/less/dropdowns.less#L135
Laurent Dezitter,

19

Bu, bootstrap sınıfı dropdown-menu-right ile çözülebilir, dropdown-menubununla özellikle css özelliklerini kullanan bu sorun için right: 0;ve left: auto;onu sağa hizalamak için.

Bu çözüm benim için çalışıyor.

Kaynak - http://getbootstrap.com/components/#btn-dropdowns-dropup (bunun için geliştirici araçlarına gidin)


1
Evet, bu doğru çözümdür (Bootstrap 3.3.7). Sadece emin olun sınıfını eklemek dropdown-menu-rightiçin ul(değil düğmesinin yanında) menü seçeneklerini içeren
Miguel

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

Bu hala 4.2.1 boostrap'ta çalışıyor :)



2

Tamam anladım!

position:relative;left:0 açık <ul class="dropdown-menu">

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.