런타임 중에 텍스트 상자 크기가 자동으로 증가하는 이유는 무엇입니까?

Question

로그인 페이지와 같은 페이스 북을 만들고 있습니다. 그것의 페이스 북 앞 페이지처럼 2 개의 인라인 텍스트 상자를 사용하여 메신저. 일이 잘 진행되었지만 런타임에 텍스트 상자 크기가 자동으로 커졌습니다. 나는 이미 일을

<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

부트 스트랩 CSS를 나중에 적용

Answer 1

도와주세요. 브라우저에서 페이지를 처음 실행하면 CSS는 적용되지 않지만 CSS가로드되면 텍스트 상자 크기가 증가하여 부트 스트랩 CSS에서 선택한 클래스의 올바른 스타일이됩니다. 브라우저의 ur inspect 요소를 사용하여 클래스 속성을 제거하면 처음로드 된 텍스트 상자 스타일을 다시 얻게됩니다.