Twitter bootstrap 带有Twitter引导的边栏溢出

我试图通过twitter引导使用粘贴插件，但我不知道如何将其约束在父容器中，我创建了以下示例来说明我的问题：

问题演示：

废话，废话，废话


在这里滚动的内容。。。

正如您从侧边栏中滚动时看到的，当页面到达底部时，它也不会附着到页面底部。

来自引导文档（）

小心！必须管理固定图元的位置和 其直接父代的行为。位置由粘贴控制， 粘贴顶部和底部。记得检查是否有潜在的危险 在从中删除内容时，当词缀插入时折叠父对象 页面的正常流程

因此，您需要为

affix

添加一些CSS来设置元素固定时的宽度。例如：

#sidebar.affix {
    position: fixed;
    top: 0;
    width:225px;
  }

Bootply上的演示：

有关引导粘贴的相关答案：

---

在对@FreezeDriedPop的回答中，我发现这一点对我很有用：

var navbw = $('#sidebar').width()-7;
$('header').append('<style id="addedCSS" type="text/css">#sidebar.affix {width:'+navbw+'px;}</style>');

var navbw=$（'#边栏'）.width（）-7；
$（'header'）.append（'sidebar.affix{width:'+navbw+'px；}'）；

但是如果引导应该是响应性的，那么宽度将如何工作呢？将其设置为inherit会使其宽度为跨度的20%，而100%会使其覆盖整个页面？@FreezeDriedPop您必须在css w/媒体查询中明确处理该问题，方法是在每个断点处定义粘贴属性的宽度。不理想。我希望您可以像这样粘贴标准列

，并将其自动粘贴到任何视口大小中3列所代表的大小。或者仅使用媒体查询响应地应用粘贴：也可以添加此项，以便在调整窗口大小时保持正确的大小<代码>$（窗口）.resize（函数（）{var navbw=$（'#sidebar'）.width（）；$（'header'）.append（'#sidebar.append{width:'+navbw+'px；}'）；}）@kurt@Freeze@Skellydown因为链接被删除/重定向到fansitedown因为链接被删除/重定向到fansitedown这是一个很好的例子，说明了为什么外部链接不是一个好主意，并且代码应该始终存在问题。

var navbw = $('#sidebar').width()-7;
$('header').append('<style id="addedCSS" type="text/css">#sidebar.affix {width:'+navbw+'px;}</style>');