右侧固定的引导面板与屏幕上的左侧表格重叠

Question

我左边有一张表格

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

和右边的小组

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

panel css

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

当您调整屏幕大小时，面板会显示在表单

上

Answer 1

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

  

折叠开始，水平在断点之上类前缀.col-md-是970px

因为我的媒体查询是@media (min-width: 767px)介于767px和970px之间，所以惩罚是位置：固定;并没有崩溃，所以我编辑到

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

一切都很好！感谢。