下拉对齐twitter bootstrap 3.0 [关闭]答案

【问题标题】：dropdown alignment twitter bootstrap 3.0 [closed]下拉对齐twitter bootstrap 3.0 [关闭]
【发布时间】：2014-12-09 06:23:06
【问题描述】：

如何左/右对齐两个下拉菜单？由于标签，它没有完全对齐。我希望两个文本框完美对齐。谢谢！

http://i.imgur.com/BaC18xc.png

<div class="form-inline">
    <asp:Label ID="Label2" runat="server" Text="Profession:"></asp:Label>
    <asp:DropDownList ID="ddTalent" runat="server" CssClass="form-control">
        <asp:ListItem>Model</asp:ListItem>
        <asp:ListItem>Photographer</asp:ListItem>
        <asp:ListItem>Designer</asp:ListItem>
        <asp:ListItem>Fashion Stylist</asp:ListItem>
        <asp:ListItem>Hair Stylist</asp:ListItem>
        <asp:ListItem>Make-up Artist</asp:ListItem>
    </asp:DropDownList>
</div>
<br />
<div class="form-inline">
    <asp:Label ID="Label3" runat="server" Text="Gender:"></asp:Label>
    <asp:DropDownList ID="ddGender" runat="server" CssClass="form-control">
        <asp:ListItem>Male</asp:ListItem>
        <asp:ListItem>Female</asp:ListItem>
        <asp:ListItem>Any</asp:ListItem>
    </asp:DropDownList>
</div>

更新：

我希望它是这样的： http://i.imgur.com/e4ZS1tM.jpg

【问题讨论】：

你应该删除
标签。
请不要使用“bootstrap”标签，使用“twitter-bootstrap”，因为它意味着别的东西
@LoveTrivedi 是的，我也忘了问这个问题。我应该用什么代替
DanielCheung 好的，抱歉 :)
向左拉和向右拉

标签： html css asp.net twitter-bootstrap

【解决方案1】：

使您的标签成为控制标签应该正确对齐您的元素。

【讨论】：

没有修复，什么也没发生 :(
这最终解决了您的问题吗？
是的，抱歉回复晚了。我别无选择，只能统一更改标签的宽度。

【解决方案2】：

您可以使用样式属性（增加或减少像素大小来调整）

<asp:DropDownList ID="ddGender" runat="server" CssClass="form-control" style="margin-left:3px">

【讨论】：

同样的结果..什么也没发生 :(
然后使用 style="margin-left:3px !important"