打开模态时侧边栏损坏

Question

当我单击按钮时，我有一个模态表单，我得到包含学生数据的表单。

所以问题是当模式打开时，侧边栏被破坏了。

这是我问题的屏幕截图：

屏幕截图

模 态：

 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="memberModalLabel" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                 <h4 class="modal-title" id="memberModalLabel">Edit Member Detail</h4>
             </div>
             <div class="dash">
             </div>
         </div>
     </div>
 </div>

我试图删除模态的position: relative;。

但它什么也没做

当侧边栏从左到右时

，模态不会影响侧边栏，但是当我将其更改为从右到左时，它会中断

知道我该如何解决这个问题吗？

Answer 1

通过添加 ：

.modal-open[style] {
padding-right: 0px !important;
}