Bootstrap 3联系模式未显示答案

【问题标题】：Bootstrap 3 contact modal is not showing upBootstrap 3联系模式未显示
【发布时间】：2014-08-17 21:01:14
【问题描述】：

我的网站上有一个没有出现的小型联系模式。它以前可以工作，但我一定改变了一些东西，现在它不能工作了。

我已经查看了很多次，但我无法弄清楚为什么它不起作用。

HTML：

<a href="contact"><span data-toggle="modal">Contact</span></a>

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

【问题讨论】：

标签： forms twitter-bootstrap hyperlink modal-dialog contact

【解决方案1】：

您缺少data-target 属性。另外，当你想打开一个模式时，你不应该链接到一个页面；）

<a href="#"><span data-toggle="modal" data-target="#contact">Contact</span></a>

应该解决这个问题。见http://www.bootply.com/UED0aevXsG

【讨论】：

你不会碰巧知道 php 吧？就像我如何让这个表格给我发电子邮件一样？
您需要的是表单处理器。 webdesy.com/how-to-create-html-php-contact-form-part-2 是一个非常简单的关于如何构建的教程。我通常在 CMS 中使用一个。