我的代码如下:
<div class="col-md-8"> ... </div>
<div class="col-md-4">
<div id="side-panel" class="panel panel-default" data-spy="affix" data-offset-top="10">
PANEL'S WIDTH SHRINKS WHEN I SCROLL DOWN :(
</div>
</div>
我试图实现侧贴自举面板。但是当我向下滚动页面时,它按照我想要的方式贴在顶部,但它的宽度缩小到大约一半。
我也尝试了position: fixed;
样式属性,但结果却收缩了相同。
这里有什么实际问题,是否有针对这种奇怪行为的解决方法?
答案 0 :(得分:0)
您需要明确定义width
的{{1}}或min-width
,以防止&#34;缩小&#34;。属性side-panel
正在完成您所做的工作 - 在面板上设置data-spy="affix"
。当位置固定时,面板将“收缩”。低至内部任何内容的大小。