Css 另一个div内的引导模式窗口

我的引导模式工作正常。 我的问题是，我需要将模式窗口（包括灰色背景）应用于网站的div，而不是主体。 我的结构如下：

<div class="bigform-content">
    <div class="wpcol-one col-md-6">
        </div>
    <div class="wpcol-one col-md-6">
        </div>
</div>
<!-- Modal -->
        <div class="modal fade" id="dialog_confirm_map" tabindex="-1" role="dialog" aria-labelledby="dialog_confirm_mapLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">

              <div class="modal-body">
                <p>You didn't move the map pin, are you sure it is on your address/house?</p>
              </div>
              <div class="modal-footer">
                <span style="float:left"><button type="button" class="btn btn-default" data-dismiss="modal">No, I'll do it now </button></span>
                <span style="float:right"><button type="button" class="btn btn-primary" data-dismiss="modal" onClick="jQuery('#mapchanged').val(1);jQuery('#registration').submit();">Yes, I am sure</button></span>
              </div>
            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

你没有移动地图别针，你确定它在你的地址/房子上吗

不，我现在就做
是的，我肯定

现在模态窗口正在正确打开，但我需要在第一个div上看到它，当模态窗口打开时，另一个div可以单击

你能给我一个解决办法吗？ 非常感谢你，

---

Raluca。

这是一个我刚刚使用您的代码并对其进行了一些调整的示例

如何解决这个问题：

$（函数（）{
//获取单击事件以显示模态
$（“#提交按钮”）。单击（函数（）{
$（'#对话框_确认_映射'）.modal（）；
//在bigform内容中附加模态背景
$（'.modal background'）.appendTo（'.bigform content'）；
//删除主体类以启用单击事件
$（'body'）.removeClass（）；
});
//只是为了证明模态之外的行为
$（“#帮助按钮”）。单击（函数（）{
警报（“打开或关闭模式的操作”）；
});
//结束只是为了证明模态之外的行为
});
.bigform内容{
边框：实心5px#DDD；
利润率：30px 20px；
溢出：隐藏；
填充：20px；
位置：相对位置；
}
.modal、.modal背景{
位置：绝对！重要；
}
.bigform内容h1{
保证金：0；
}
.bigform内容输入[类型=提交]{
边缘顶部：10px；
}

嗨，这是我的表格标题
这是我的表格

字段1：
字段2：
字段1：
你没有移动地图别针，你确定它在你的地址/房子上吗

不，我现在就做
是的，我肯定
div和modal之外的内容

希望如此
感谢您的回答。
为了将来的参考，我也发布了我的解决方案。如果您需要多个模态，这适用于所有模态，而无需为每个模态编写额外的JS

像在引导中一样设置它们。触发器只需要类
.js modal rel trigger
，并且需要删除属性
data toggle=“modal”
，因为我们使用js切换它

在我的例子中，modal需要一个定制类
。modal rel
给它一个更小的
z-index
和
位置：绝对

背景也得到了类
.modal rel background
，分配的原因与此相同


$（'.js modal rel trigger'）。单击（函数（）{
var modalId=$（this.attr（'data-target'）；
$（modalId.modal（）；
$（'.modal-background'）.addClass（'modal-rel-background'）.appendTo（$（modalId.parent（））；
$（'body'）.removeClass（'modal-open'）；
});
正文{
背景：#F3F5F6！重要；
}
.集装箱{
顶部：50px；
背景：#fff；
保证金：0自动；
宽度：80%；
填充：20px；
位置：相对位置；
}
.modal.modal-rel{
位置：绝对位置；
z指数：51；
}
.modal-background.modal-rel-background{
位置：绝对位置；
z指数：50；
//背景褪色
}

Lorem ipsum Door sit amet，consetetur sadipscing Eliter，sed diam nonumy eirmod

临时劳工和就业许可证，以书面形式提交。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，

没有大海，塔基马塔圣所是一个美丽的地方。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam和justo
多洛雷斯和埃雷姆。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
防抱死制动系统。情态动词
第二个腹肌。情态动词
默认模态
&时代；
情态标题
嗨，我是绝对的！
&时代；
模态第二标题
嗨，我也是绝对定位的！
&时代；
正常模态
h0i。我有固定的位置！
你明白了吗？检查设置css位置：静态打开#对话框_确认_映射我的荣幸。很乐意帮忙@wilsotobianco是解决方案的良好开端，但我担心$（'body'）.removeClass（）；行-盲目地从身体上移除所有职业不是有点危险吗？@ryangriggs是的。你说得对，我的朋友。我可以修复这个示例，只删除引导类。我这样做只是为了样本的目的。谢谢你的邀请note@wilsotobianco谢谢你的解决方案。我是jquery新手，您能告诉我如何只删除引导类吗？从主体中删除所有类会产生一种奇怪的行为。@wilsotobianco您好，您的示例正在运行。你能修一下吗？