修复了 bootstrap 右侧面板在屏幕调整大小时与左侧表格重叠的问题

Question

我左边有一个表格

<div class="col-md-6 col-md-offset-1">

右边是面板

<div class="col-md-4">
<div class="panel panel-primary" id="panel">

面板css

@media (min-width: 767px) { 
    #panel {
        vertical-align: middle;
        position: fixed;
        top: 25%;
    }
}

当您调整屏幕大小时，面板会出现在表单上

Answer 1

我得到了解决方案，因为我使用的是 .col-md-

Collapsed to start, horizontal above breakpoints Class prefix .col-md- is 970px

由于我的媒体查询 @media (min-width: 767px) 在 767px 和 970px 之间，惩罚是 position: fixed;并且没有折叠，所以我编辑为

  @media screen and (min-width: 970px) { 
        #panel{
             vertical-align: middle;
            position: fixed;
             top: 25%;
        }
    }

一切都很好！谢谢。