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

【问题标题】：BootStrap Input type text not appearing in modalBootStrap 输入类型文本未出现在模态中
【发布时间】：2016-04-29 22:05:48
【问题描述】：

我有一个包含 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

【问题讨论】：

姓名输入字段确实出现在您共享的屏幕截图中 - 但未对齐。
对我来说看起来不错，请参阅jsfiddle here。一定有其他干扰，任何其他与#contact-name匹配的CSS？
嗨@AviDubey 只有当我点击名称标签时才会出现。 Chrki，我尝试更改为另一个 id 名称，但效果不佳。
你展示了你的其他 CSS，显然这不是引导问题，而是与引导冲突的 CSS 问题
@Master 我也猜这是一个 CSS 问题。我测试时，您的表单代码运行良好。

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

【解决方案1】：

它对我有用，请尝试从第一行中删除“fade”。

【讨论】：