C# asp按钮中未设置按钮对齐(&A);自举下拉列表

C# asp按钮中未设置按钮对齐(&A);自举下拉列表,c#,css,asp.net,twitter-bootstrap,C#,Css,Asp.net,Twitter Bootstrap,我有一个asp按钮和一个按钮下拉列表。问题是我的按钮下拉列表总是位于其他按钮的下方。我希望该按钮位于其他按钮行 在这里,我粘贴了当前按钮的屏幕截图(从Bootstrap 2.3下载) 我的代码在这里 <div class="alert alert-success"> <a href="#" class="alert-link"> <p align="right"> Welcome <%=GetUserNa

我有一个asp按钮和一个按钮下拉列表。问题是我的按钮下拉列表总是位于其他按钮的下方。我希望该按钮位于其他按钮行

在这里,我粘贴了当前按钮的屏幕截图(从Bootstrap 2.3下载)

我的代码在这里

<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>



您应该将内容包装到行类:

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

... 内容。。。
如果要将内容向右对齐,只需使用pull right类而不是
p align


我建议您仔细阅读引导文档,从中可以找到网格系统描述。

您可以尝试将按钮放在
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>
我认为bootstrap有一个
id
,您可以使用它将
ul
显示为一行。
此外,您可以将自己的css与bootstrap的css混合在一起,但我认为您应该小心,因为这可能与bootstrap的css冲突。

但我的按钮下拉列表仍显示在另一个css的下方buttons@Techguy,成功了吗?如果你解决了你的问题,请分享!