BootStrap输入类型文本未出现在模态中

时间:2016-01-23 08:39:27

标签: html css twitter-bootstrap modal-dialog bootstrap-modal

我有一个有3个字段的基本模态。姓名,电子邮件和消息。电子邮件和消息显示完美。名称输入字段不会出现。它仅在单击名称标签时出现。我可以问为什么会这样做,如何覆盖它,以便显示正常的电子邮件和消息。

<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="you@example.com">

            </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

1 个答案:

答案 0 :(得分:0)

它为我工作,尝试取出&#34;淡出&#34;从第一行开始。