Bootstrap使表格居中

Question

我是twitter bootstrap 3的新手。

问题是以下引导代码始终使表格居中：

我试图找到一个可以在页面左侧制作表格的类，但到目前为止还没有运气。

是否有这样的课程以及为什么桌子会在中心显示？

<div id="registerdiv3" class="row">
        <div class="col-lg-5 ">
            <table>
                <tr>
                    <td id="regPageTitle">User Registration </td>
                </tr>
                <tr>
                    <td>User Name:</td>
                    <td>
                        <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>Password:</td>
                    <td>
                        <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>Confirm Password:</td>
                    <td>
                        <asp:TextBox ID="txtConfirmPassword" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>Email:</td>
                    <td>
                        <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
                    </td>
                </tr>

                <tr>
                    <td></td>
                    <td>
                        <asp:Button ID="btnRegister" Text="Register" runat="server" OnClick="btnRegister_Click"></asp:Button>
                    </td>
                </tr>

                <tr>
                    <td>
                        <asp:Label ID="lblMessage" CssClass="lblMessage" Text="" runat="server"></asp:Label>
                    </td>
                </tr>
            </table>
        </div>
    </div>

Answer 1

强制registerdiv3不要使表格居中。

#registerdiv3 table {
    margin-left: 0px!important;
}

不确定您是否需要重要，但也请不要检查。

在上述解决方案之前，请查看#registerdiv3的定义，如果它包含margin: 0 auto，则可能是原因。

右键单击浏览器中的元素并单击inspect元素并查看导致它的类将对您有所帮助。