Twitter bootstrap 引导v3.3模式

我正在努力解决如何从单独的HTML文件中显示模式内容的问题

这是我的index.html文件中的按钮

<button type="button" class="btn btn-RAQ" data-toggle="modal" data-target="#RQF">
    <span><strong>REQUEST A QUOTE</strong></span> <i class="glyphicon glyphicon-check"></i>
</button>

请求报价

我想加载这个模态内容

request-a-quote.html

<!-- Modal -->
    <div class="modal fade" id="RQF" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h1 class="modal-title" id="myModalLabel">Request a Quote:</h1>
          </div>
          <div class="modal-body">

            <!-- RQF MAIN CONTENT -->
            <form id="contact-form" method="post" action="contact.php" role="form">

                    <div class="messages"></div>

                    <div class="controls contact-form">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Full Name *</label>
                                    <input type="text" name="name" id="name" placeholder="" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Company Name *</label>
                                    <input type="text" name="name" id="name" placeholder="" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Email *</label>
                                    <input type="email" name="email" id="email" placeholder="" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Phone *</label>
                                    <input type="phone" name="phone" id="phone" placeholder="" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Interested In *</label>
                                    <select required>
                                          <option disabled selected value="">Please Select *</option>
                                          <option value="Digital Signage Solutions">Digital Signage Solutions</option>
                                          <option value="Interior Fit Out Works">Interior Fit Out Works</option>
                                          <option value="Custom Exhibition Stands">Custom Exhibition Stands</option>
                                          <option value="Civil Engineering & Contracting">Civil Engineering & Contracting</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Attache File</label>
                                    <input type="file" id="Afile" accept=".jpg, .jpeg, .png, .pdf" max="1">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Message *</label>
                                    <textarea name="message" id="message" placeholder="" required></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                 <input type="submit" name="submit" value="SEND" onClick="">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <p class="text-muted"><strong>*</strong> These fields are required.</p>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- END RQF MAIN CONTENT -->
            </div>
          </div>
        </div>
    </div><!-- ENBD Modal -->

&时代；
请求报价：
全名*
公司名称*
电子邮件*
电话*
感兴趣*
请选择*
数字电子广告牌解决方案
室内装修工程
定制展台
土木工程与承包
附件
信息*
*这些字段是必需的

有可能这样做吗？因为这将是很容易的，如果我将修改我的请求报价表

---

我试图搜索，但找不到任何答案，所以我把它贴在这里。任何帮助都将不胜感激。

我想这个问题可能会对你有所帮助：现在就知道了。谢谢但是为什么脱机运行时不显示模式？无法对他们的帖子发表评论这就是我在这里问的原因。对不起，我不知道。我只是提出一些可能有用的建议。这似乎是一个可能的解决方案：