Twitter引导程序：Dropdownlist和Textbox无法正确对齐

Question

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

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