Question

将ASP.NET页面表单设置为类＆＃34; form-inline center＆＃34;

页面头部具有以下样式：

<style>
   @media only screen and (min-width: 768px) {
        .center { text-align: center; }
    }

  </style>

该页面有一个＆＃34; form-group＆＃34;如下：

<div class="form-group">
    <asp:label ID="lblName" class="control-label" runat="server">Enter/Scan Equipment ID:</asp:label>
    <asp:textbox id="txtName" Width="150" MaxLength="15" Runat="server" CssClass="form-control"></asp:textbox>
    <asp:Button runat="server" CssClass="btn btn-primary" ID="btnSubmit" Enabled="true" Text="Submit" onclick="btnSubmit_Click" />

以上＆＃34; form-group＆＃34;居中。但页面的所有其他元素也都集中在一起。如果我删除样式.center（上面），则没有元素居中。我怎样才能删除样式.center但保留＆＃34; form-group＆＃34;中心？

Answer 1

如果使用bootstrap，请尝试回答

尝试将“text-center”类添加到form-group。

如果希望表单在sm设备中居中，则再次创建表单并添加“visible-sm”类，然后添加“text-center”类。这有助于仅显示较小设备的表单，文本中心有助于中心对齐。

<div class="form-group visible-sm text-center">
    <asp:label ID="lblName" class="control-label" runat="server">Enter/Scan Equipment ID:</asp:label>
    <asp:textbox id="txtName" Width="150" MaxLength="15" Runat="server" CssClass="form-control"></asp:textbox>
    <asp:Button runat="server" CssClass="btn btn-primary" ID="btnSubmit" Enabled="true" Text="Submit" onclick="btnSubmit_Click" />

以形式 - 内联形式组为中心

1 个答案: