Bootstrap選擇器dropdown-menu.pullright不工作？

Question

Bootstrap .dropdown-menu.pull右選擇器似乎不起作用（代碼位於navbar.less，第330至第341行）。

正如你可以在this screenshot上看到的那樣，上面的脫字符不與右邊對齊。

我的下拉菜單類：

<ul class="dropdown-menu pull-right"> 

當我改變行286

right:10px; 

它工作正常。

關於如何解決這個問題的任何想法？

這裏是我的html代碼：

 <div id="USE_dropdown_signin" class="btn-group pull-right"> 
     <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
      <i class="icon-user"></i> Sign in 
     </a> 
     <ul class="dropdown-menu pull-right"> 
      <form action="" method="post" accept-charset="UTF-8">{% csrf_token %} 
      <input id="USE_signin_username" type="text" name="signin[username]" size="30" placeholder="User Name"/> 
      <input id="USE_signin_password" type="password" name="signin[password]" size="30" placeholder="Password"/> 
      <input id="USE_signin_remember_me" type="checkbox" name="signin[remember_me]" value="1" /> 
      <label id="USE_signin_remember_me_label" class="string optional" for="signin_remember_me"> Remember me</label> 
      <input id="USE_signin_submit" class="btn btn-primary" type="submit" name="commit" value="Sign in" /> 
      </form> 
     </ul> 
     </div> 

Answer 1

這是我不解地問：

1）navbar.less線的boostrtap選擇329-330

.navbar .nav.pull-right .dropdown-menu, 
    .navbar .nav .dropdown-menu.pull-right {} 

不匹配我的下拉菜單，因爲我在我的層次結構中沒有父級.nav類。

2）我.dropdown菜單具有類.pull右，而這不匹配：

.navbar .dropdown-menu:before .pull-right { 
    left: auto; 
    right: 9px; 
    } 

但確實：

.navbar .pull-right .dropdown-menu:before { 
     left: auto; 
     right: 9px; 
    } 

3）我做不到調試正確，直到我刪除了較少編譯器的-yui-compress選項;-)

謝謝你的一切！

Answer 2

從你的截圖，我會假設你已經使用.btn組類，使您的白色日誌按鈕。

將「拉右」類指定給包含btn-group類而不是ul元素的div元素。

正確的HTML標記

 <div class="btn-group pull-right"> 
     <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
      <i class="icon-user"></i> Username 
      <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Profile</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Sign Out</a></li> 
     </ul> 
     </div> 

基於我對Twitter的引導分析，您將需要以下css來工作。

.navbar .pull-right .dropdown-menu, .navbar .dropdown-menu.pull-right { 
    right: 0; 
    left: auto; 
} 
.pull-right > .dropdown-menu { 
    right: 0; 
    left: auto; 
} 
.pull-right { float: right; }