Twitter Bootstrap Gezinme Çubuğu - Sağa Hizala Menüsü

Question

Bir Twitter sitesiyle Twitter Bootstrap (v2.1.1) kullanıyorum. Kullanıcı, siteye giriş yapmış veya siteden çıktığında gezinme çubuğu farklı içeriğe sahip olacağından, bir php betiğindeki gezinme çubuğunu dinamik olarak oluşturuyorum.

Son açılır menüyü ekranın sağına hizalamak istiyorum ancak şu ana kadar yapamadım. İşte jsFiddle basitleştirilmiş versiyonu gösteren var:

http://jsfiddle.net/fmdataweb/AUgEA/

Ben hizalanmış doğru olmak aşağı Menü 2 damla istiyorum. Geçen açılır kodunu diğer Dropdowns aynıdır:

<li class="dropdown pull-right"> 
<a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown">Menu 2<b class="caret"></b></a> 
<ul class="dropdown-menu"> 
<li><a href="propertiesSearch.php">Logout</a></li> 
</ul> 
</li>   

ben bunu chaging denedim:

<li class="dropdown pull-right"> 

ama bu hiç fark etmez. Açılır menüyü, formlarla ve <p> metniyle olabildiğince sağa nasıl çekeceğinizi biliyor musunuz?

Answer 1

sınıfını ul öğesi için li'un ucu.

HTML

<ul class="nav pull-right"> 
    <li class="dropdown"> 
    <a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown"> 
     Menu 2 
     <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu"> 
     <li><a href="propertiesSearch.php">Logout</a></li> 
    </ul> 
    </li> 
</ul> 

---

Versiyon 2.1.1

Ben sadece gerekli JavaScript eklentileri (önyükleme-dropdown.js) dahil kodunuzu, Heyecan Bootstrap son sürümünü yeniden yazdı

(2.1.1) ve duyarlı tasarım desteği. Yukarıdaki linkte duyarlı menü görürseniz

http://jsfiddle.net/caio/gvw7j/

, bu linkte "geniş sonucunu" görebilirsiniz:

.pull-right { 
    float: right !important; 
} 

:

http://jsfiddle.net/caio/gvw7j/embedded/result/

.pull-right ile tanımlanır

---

Versiyon 3.1.1

Bu derste herhangi bir değişiklik yapılmadı. helpers classes bölümünü görebilirsiniz.

Ancak, belge, pull-right sınıfının aksine bazı özel en iyileştirmelere sahip olduğundan, sınıf .navbar-right kullanılmasını önerir.

Answer 2

yerine sola li elemanı çekmektense, basitçe kendi ul liste içinde hizalanmış doğru olmak ve çekme istediğinizi öğesi barındıran yerine şöyle:

HTML

<ul class="nav pull-right"> 
    <li class="dropdown"> 
     <a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown">Menu 2<b class="caret"></b></a> 
     <ul class="dropdown-menu"> 
      <li><a href="propertiesSearch.php">Logout</a></li> 
     </ul> 
    </li>  
</ul> 

Demo: http://jsfiddle.net/AUgEA/1/

Answer 3

Bootstrap 3'u kullananlar için, .navbar-right numarayı kullanır. Eğer çalıştığınız buraya geldiyse için örn.

,

<ul class="nav navbar-nav navbar-right"> 
. 
. 
</ul> 

Answer 4

düzenli ön yükleme alanı .dropdown-menu ve DEĞİL bir .nav sağ hizalamak ve Bootstrap 3 kullandığınız eklemek için doğru sınıf .dropdown-menu-right olduğunu İşte

bootstrap documentation var:

<ul class="dropdown-menu dropdown-menu-right"> 
    ... 
</ul>