C# asp按钮中未设置按钮对齐(&A);自举下拉列表
我有一个asp按钮和一个按钮下拉列表。问题是我的按钮下拉列表总是位于其他按钮的下方。我希望该按钮位于其他按钮行 在这里,我粘贴了当前按钮的屏幕截图(从Bootstrap 2.3下载) 我的代码在这里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
<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,成功了吗?如果你解决了你的问题,请分享!