c# - 推特 Bootstrap : Dropdownlist and Textbox doesn't align properly

Question

我有一个带有下拉列表的表格和两个供用户选择生日的文本框。它们三个都在一个表格单元格中，并且它们具有相同的高度值。但是，对于我的生活，我无法弄清楚为什么它们的下拉菜单似乎像文本框旁边的 2px 一样 float 。下面是我的代码和一张图片。

 <tr>
            <td class="tdLeft" style="padding: 10px; text-align: right">Birthdate:</td>
            <td class="tdRight" style="text-align: left">
                <asp:DropDownList ID="ddlMonth" CssClass="form-control input-lg" placeholder="Month" runat="server" Width="136px" style="display: inline; text-align: center" Height="45px">
                    <asp:ListItem Value="01">January</asp:ListItem>
                    <asp:ListItem Value="02">February</asp:ListItem>
                    <asp:ListItem Value="03">March</asp:ListItem>
                    <asp:ListItem Value="04">April</asp:ListItem>
                    <asp:ListItem Value="05">May</asp:ListItem>
                    <asp:ListItem Value="06">June</asp:ListItem>
                    <asp:ListItem Value="07">July</asp:ListItem>
                    <asp:ListItem Value="08">August</asp:ListItem>
                    <asp:ListItem Value="09">September</asp:ListItem>
                    <asp:ListItem Value="10">October</asp:ListItem>
                    <asp:ListItem Value="11">November</asp:ListItem>
                    <asp:ListItem Value="12">December</asp:ListItem>
                </asp:DropDownList>
                <asp:TextBox ID="tbMem1Day"
                    CssClass="form-control input-lg" placeholder="Day"
                    runat="server" Width="74px" style="display: inline"></asp:TextBox>
                <asp:TextBox ID="tbMem1Year"
                    CssClass="form-control input-lg" placeholder="Year"
                    runat="server" Width="124px" style="display: inline"></asp:TextBox>
            </td>
        </tr>

Answer 1

将类“form-inline”添加到您的表单中。

<form class="form-inline">

如果你不能那样做，你总是可以使用 JQuery

<script type="text/javascript">
$(document).ready(function () {
    $("form").addClass("form-inline");
});
</script>