html - 表单中的文本区域不可点击输入字段。 Bootstrap 3

Question

出于某种原因，当我使用 bootstrap 3 将文本区域添加到我的表单时，输入字段变得不可点击，但如果我删除文本区域，它们似乎工作正常。

我的代码:

<div class="row">
<form class="form col-lg-12" role="form">
  <div class="col-lg-6">
    <label for="Name">Your Name:</label>
    <input type="email" class="form-control cntct" placeholder="Name" />
  </div>
  <div class="col-lg-6">
    <label for="Email">Your Email Address:</label>
    <input type="text" class="form-control cntct" placeholder="Email" />
  </div>
    <div class="col-lg-12">
        <label class="msg" for="Message">Your Message:</label>
            <textarea class="form-control" rows="5" placeholder="Message"></textarea>
    </div>
  <button type="submit" class="btn btn-cntct">Send Your Message</button>
</form>
</div>

非常感谢任何人的帮助。如果您需要链接才能实时查看，网址为 http://themelux.com/dev/YouSale/您可以在页面底部查看联系表格。

谢谢 :)

Answer 1

尝试给你的类 col-lg-6 一个比 col-lg-12 更高的 z-index。

目前它们是重叠的。

.col-lg-6 {
    z-index:5;
}

.col-lg-12 {
     z-index:1;
}