BootStrap輸入類型文本未出現在模式中

我有一個基本模式有3個字段。姓名，電子郵件和消息。電子郵件和消息顯示完美。名稱輸入字段不顯示。它僅在名稱標籤被點擊時出現。我可以問爲什麼這樣做，我怎麼能覆蓋它，所以它顯示正常的電子郵件和消息。BootStrap輸入類型文本未出現在模式中

<div class="modal fade" id="contact" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <form class="form-horizontal"> 
     <div class="modal-header"> 
      <h4>Contact Tech Site</h4> 
     </div> 
     <div class="modal-body"> 

      <div class="form-group"> 
      <label for="contact-name" class="col-lg-2 control-label">Name:</label> 
      <div class="col-lg-10"> 

       <input type="text" class="form-control" id="contact-name" placeholder="Full Name"> 

      </div> 
      </div> 

      <div class="form-group"> 

      <label for="contact-email" class="col-lg-2 control-label">Email:</label> 
      <div class="col-lg-10"> 

       <input type="email" class="form-control" id="contact-email" placeholder="[email protected]"> 

      </div> 

      </div> 

      <div class="form-group"> 

      <label for="contact-msg" class="col-lg-2 control-label">Message:</label> 
      <div class="col-lg-10"> 

       <textarea class="form-control" rows="8"></textarea> 

      </div> 

      </div> 

     </div> 
     <div class="modal-footer"> 
      <a class="btn btn-default" data-dismiss="modal">Close</a> 
      <button class="btn btn-primary" type="submit">Send</button> 
     </div> 
     </form> 
    </div> 
    </div> 
</div>

我無法在codepen中進行復制。它是如何出現的http://snag.gy/7Zd3f.jpg

來源

2016-01-23 Master

名稱輸入字段確實出現在您共享的屏幕截圖中 - 雖然沒有對齊。 –

對我來說看起來很好，看[jsfiddle here]（http://jsfiddle.net/5f37rhtr/）。必須有其他干擾，其他任何與'＃contact-name'匹配的CSS？ – chrki

嗨@AviDubey它只會出現，如果我點擊名稱標籤。 Chrki，我試着改用另一個id名字，但是這並沒有奏效。 – Master

這是爲我工作，嘗試從第一行取消「淡入淡出」。

來源

2016-01-23 09:57:29

BootStrap輸入類型文本未出現在模式中

回答

相關問題