2016-07-27 62 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

相關問題