2016-07-27 52 views
0

我正在制作一个像登录页面的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> 

也使用引导,使其反应迅速,在小屏幕它的工作很好,但不是在大屏幕上

看到即时通讯图像click here to see the image

请帮

+0

所有其他文本框都格式正确 – faisal

回答

0

您的引导CSS以后应用。当你在浏览器中运行页面时,最初的CSS不会被应用,但是当CSS被加载时,文本框大小会增加,这是引导CSS中所选类的正确风格。尝试使用我们的浏览器的检查元素,并删除类属性,你会得到我最初加载的文本框样式

+0

form-control class? – faisal

+0

是的,它改变的是你的'form-control-class'的样式 – Alex

+0

我不能删除它所需的类 – faisal

相关问题