按鈕對齊不設置在asp按鈕和引導下拉列表

我有一個asp按鈕和一個按鈕下拉列表。問題是我的按鈕下拉菜單總是會在其他按鈕的下面。我想要那個按鈕到另一個按鈕行。按鈕對齊不設置在asp按鈕和引導下拉列表

這裏我粘貼當前按鈕的屏幕截圖（下拉把它從引導2.3）

buttons

我的編碼到這裏

<div class="alert alert-success"> 
    <a href="#" class="alert-link"> 
     <p align="right"> 
      Welcome <%=GetUserName()%> 
      (Admin Level) 
    </a> 
    <asp:Button ID="btnUsr" class="btn btn-default" runat="server" OnClick="btnUsr_Click" Text="User Management"/> 
    <asp:Button ID="btnUpload" class="btn btn-info" runat="server" OnClick="btnUpload_Click" Text="Upload Files" /> 
    <asp:Button ID="btnlogout" class="btn btn-success" runat="server" OnClick="btnlogout_Click" Text="LogOut" /> 

    <li class="dropdown" style="list-style: none;"> 
     <a href="#" data-toggle="dropdown" class="dropdown-toggle btn btn-primary">More <b class="caret"></b> 
     </a> 
     <ul aria-labelledby="dLabel" role="menu" class="dropdown-menu"> 
      <li> 
       <a href="SendSMS.aspx">Send SMS</a> 
      </li> 
      <li> 
       <a href="CommonPageManagement.aspx">Manage Pages & Sections</a> 
      </li> 
     </ul> 
    </li> 

    <br /> 

</div>

來源

2014-05-10 TechGuy

你可以嘗試把你的按鈕之間ul標籤。我沒有測試過這一點，但你可以試試：

<ul> 
    <li><asp:Button ID="btnUsr" class="btn btn-default" runat="server" OnClick="btnUsr_Click" Text="User Management"/></li> 
    <li><asp:Button ID="btnUpload" class="btn btn-info" runat="server" OnClick="btnUpload_Click" Text="Upload Files" /></li> 
    <li><asp:Button ID="btnlogout" class="btn btn-success" runat="server" OnClick="btnlogout_Click" Text="LogOut" /></li> 
    <li class="dropdown" style="list-style: none;"> 
       <a href="#" data-toggle="dropdown" class="dropdown-toggle btn btn-primary">More <b class="caret"></b></a> 
       <ul aria-labelledby="dLabel" role="menu" class="dropdown-menu"> 
        <li> 
         <a href="SendSMS.aspx">Send SMS</a> 
        </li> 
        <li> 
         <a href="CommonPageManagement.aspx">Manage Pages & Sections</a> 
        </li> 
       </ul> 
      </li> 
</ul>

我認爲引導有class或id你可以用它來使ul顯示爲一行。此外，你可以將自己的CSS與bootstrap混合起來，但我認爲你應該小心，因爲這可能與bootstrap中的css衝突。

來源

2014-05-10 07:19:31 PixelPlex

@Techguy，任何成功呢？如果你解決了你的問題，請分享！ – PixelPlex

你應該換一個內容來排等級：

<div class="row"> 
... content ... 
</div>

如果要將內容對齊到正確的位置，只需使用右拉類而不是p align。

我建議閱讀一個引導文檔，在這裏你可以找到網格系統描述。

來源

2014-05-10 06:32:21 razakj

但仍然我的按鈕下拉菜單顯示下方的其他按鈕 – TechGuy

按鈕對齊不設置在asp按鈕和引導下拉列表

回答

相關問題