Css 引导固定位置按钮

过滤器面板
我的纽扣
然后我展示内容

试试这个：

$（“按钮”）。单击（函数（）{
$（'面板'）.toggleClass（'非活动'）；
});
#面板{
背景色：红色；
高度：100px；
显示：块；
}
#面板。非活动{
显示：无；
}
#内容{
位置：相对位置；
背景颜色：绿色；
高度：100px；
}
.btn{
位置：绝对位置；
排名：0；
右：0；
}

过滤器面板
我的纽扣
然后我展示内容
元素（您的按钮）移动的原因可能是对
位置的不同解释造成的：固定在一些移动设备上。
我经历过，所讨论的固定元素不能是任何移动（例如滚动）元素的子元素。在桌面上，这似乎不是问题。所以你应该把按钮放在行的外面，或者如果需要的话放在行的里面

position: absolute;
top:10px;
right: 10px;

或者像kittyCat所说的那样

另一个原因可能是：如果隐藏行的第一部分
col-lg-2
，则该行缺少两个网格单元。因此，只需隐藏行的内容：
以kittyCat和change为例：

<div class="col-lg-2" id="panel">
  Panel for filter
</div>


过滤器面板

到


过滤器面板

而且它应该能正常工作

或者，如果您需要空间，并且希望隐藏
col-lg-2
，则将第二个元素的类从
col-lg-6
更改为
col-lg-8
显示一些代码，以便我们可以提供帮助。没有代码，我们如何帮助您？使用rest api调用显示过滤面板和内容。一切正常。但是我怎样才能固定按钮的位置呢。我试着用位置：固定；它不起作用。你想把它放在哪里。右上角还是左上角
<div class="col-lg-2" >
<div id="panel">  Panel for filter</div>
</div>