Bootstrap Modal在Sharepoint 2013上不起作用

Question

[我有一个问题，当我尝试在Sharepoint 2013中打开Bootstrap Modal-Pop-Up时。当我测试本地页面（不使用Sharepoint母版”时，它可以正常工作，但是，如果我尝试打开同一页面，在Sharepoint中的页面上，模态未检测为模态，因此整个屏幕呈灰色。

我希望有人能帮助我，非常感谢！

这是我的代码：

 <button type="button" class="btn btn-default" data-toggle="modal"  data-target="#mymodal"><span class="glyphicon glyphicon-floppy-disk"></span></button>
<div id="mymodal" class="fade modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
<div class="modal-dialog modal-lg">
    <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>
            <h4 class="modal-title">
                <asp:Label runat="server" ID="lblHeader"></asp:Label></h4>
        </div>
        <div class="modal-body">
        <button type="button" class="btn btn-default" >Test</button>
        </div>

    </div>
</div>

Answer 1

我发现了问题。我正在使用bootstrap3-custom.css“ SharePoint 2013的Bootstrap 3-Beta V1.0.2”和以下样式引起了此问题：

   #MainRow > div {
    z-index: 0;
}

Answer 2

这可行，但是您必须更改#MainRow> div {z-index：auto;}