Question

我正在制作像登录页面这样的Facebook。在它使用2个内联文本框就像facebook首页。事情进展顺利，但文本框的大小自动在运行时增加。我不知道发生了什么，因为我已经告诉过你事情进展顺利

<div class=" form-group form-inline">
                        <asp:TextBox ID="tbName" runat="server" ForeColor="Black" class="form-control" placeholder="First name"></asp:TextBox>
                        <asp:TextBox ID="tbSName" runat="server" ForeColor="Black" class="form-control" placeholder="Surname"></asp:TextBox>
                        <div class="form-group form-inline">
                            <asp:RequiredFieldValidator ID="rfvName" runat="server" Display="Dynamic" ErrorMessage="* Enter Valid First Name" ForeColor="Red" Style="font-size: small" ControlToValidate="tbName"></asp:RequiredFieldValidator>
                            <asp:RequiredFieldValidator ID="rfvSname" runat="server" Display="Dynamic" ErrorMessage="* Enter Valid Surname" ForeColor="Red" Style="font-size: small; padding:60px;" ControlToValidate="tbSName"></asp:RequiredFieldValidator>
                        </div>
                    </div>

我也使用bootstrap使其响应，在小屏幕中它运行良好但不在大屏幕上

查看图片click here to see the image

请帮忙

Answer 1

稍后会应用您的bootstrap css。最初在浏览器中运行页面时，不会应用css，但是当加载css时，文本框大小会增加，这是bootstrap css中所选类的正确样式。尝试使用ur的浏览器元素并删除class属性，你将获得最初加载的文本框样式

为什么文本框大小会在运行时自动增加？

1 个答案: