Question

我有一个问题，当我尝试在Sharepoint 2013中打开Bootstrap Modal-Pop-Up时。当我测试本地页面时（不使用Sharepoint主页＆＃34;）它工作正常，但是，如果我尝试在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 ＆＃34; SharePoint 2013的Bootstrap 3 - Beta V1.0.2＆＃34;并且以下样式导致了问题：

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

Answer 2

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

Bootstrap Modal无法在Sharepoint 2013上运行

2 个答案: