字段标签不会在输入消失

Question

我最近开始在这个网站上工作。当我点击或输入值时，输入字段标签不会消失。即使输入值，标签仍然保留在后台。这是一个使用asp.net和bootstrap开发的网站。

    <div class="contact-form row"> 
         <form runat="server" id="cntct_frm"> 
          <ul> 
           <li class="text-field span3"> 
            <label id="name-contact-form"> 
             <span class="mainlabel">Name</span> 
            </label> 
            <div class="input-prepend"> 
             <span class="add-on"><i class="icon-user"></i></span> 
             <input class="required" type="text" name="yit_contact[name]" id="txtName" runat="server" /> 
            </div> 
            <div class="msg-error"> 
            </div> 
            <div class="clear"> 
            </div> 
           </li> 
           <li class="text-field span3"> 
            <label id="email-contact-form"> 
             <span class="mainlabel">Email</span> 
            </label> 
            <div class="input-prepend"> 
             <span class="add-on"><i class="icon-envelope"></i></span> 
             <input type="text" name="yit_contact[email]" id="txtEmail" runat="server" class="required email-validate" 
              value="" /> 
            </div> 
            <div class="msg-error"> 
            </div> 
            <div class="clear"> 
            </div> 
           </li> 
           <li class="text-field span3"> 
            <label id="phone-contact-form"> 
             <span class="mainlabel">Phone</span> 
            </label> 
            <div class="input-prepend"> 
             <span class="add-on"><i class="icon-phone"></i></span> 
             <input type="text" name="yit_contact[phone]" maxlength="10" runat="server" id="txtMobile" /> 
            </div> 
            <div class="msg-error"> 
            </div> 
            <div class="clear"> 
            </div> 
           </li> 
           <li class="textarea-field span9"> 
            <label id="message-contact-form"> 
             <span class="mainlabel">Message</span> 
            </label> 
            <div class="input-prepend"> 
             <span class="add-on"><i class="icon-pencil"></i></span> 
             <textarea name="yit_contact[message]" id="txtMessage" runat="server" 
              class="required"></textarea> 
            </div> 
            <div class="msg-error"> 
            </div> 
            <div class="clear"> 
            </div> 
           </li> 
           <li class="submit-button span9"> 
            <input type="text" name="yit_bot" id="yit_bot" /> 
            <input type="hidden" name="yit_action" value="sendmail" id="yit_action" /> 
            <input type="hidden" name="yit_referer" value="pages-contact.html" /> 
            <input type="hidden" name="id_form" value="3" /> 
            <asp:Button ID="Submit" name="yit_sendemail" class="sendmail alignright" runat="server" 
             Text="Submit" OnClientClick="return validation()" OnClick="Submit_Click"></asp:Button> 
            <div class="clear"> 
            </div> 
           </li> 
          </ul> 
         </form> 
        </div> 

Answer 1

删除所显示的行格式第一个div。

<div class="contact-form"> 
// other codings 
</div> 

你没理解，为什么我们使用行。请检查http://getbootstrap.com/css/。