Css 是否可以使用引导创建粘性垂直列而不必指定位置？

我试图在文本的右侧获得一个粘性列的效果，就像在中一样

这是我的密码：

             <nav class="col-sm-4 col-md-4"  data-spy="affix"  data-offset-top="205">
                <div class="panel panel-default" >
                    <div class="panel-heading"><h1>Table des matières</h1></div>
                    <section class="panel-body">
                    <p>
                        Nullam luctus nisi est, id blandit nunc tristique vel! 
                    </p>
                    </section>
                </div>
            </nav>

它几乎可以工作（左边的位置和宽度稍微有点偏离），但是当我在不同的宽度浏览器窗口中查看它时，它当然不能正常工作。这是否意味着我必须提出所有适当的媒体查询？或者我可以根据列宽等进行一些计算吗？我有一些非常基本的SASS知识-这可能是一种前进的方式，通过在SASS中编译引导来计算这些宽度吗

---

此外，如果有人知道如何在侧边栏中显示您所在的章节（与引导页面完全相同），那就太好了

看起来您需要添加

右侧：0粘贴到CSS中的“粘贴”属性以保持其固定正确。我继续创建了一个工作模型的代码笔，以便您可以在下面查看它

对于基于位置的链接设计更改，您需要将scrollspy类添加到您的
ul
父级，然后相应地设置
a
链接的样式

注意添加到
div
和
ul
的类，其中包含
li
nav元素

对于响应性设计，您还需要为xs、sm和md设置适当的列宽度

看起来您需要添加
右侧：0粘贴到CSS中的“粘贴”属性以保持其固定正确。我继续创建了一个工作模型的代码笔，以便您可以在下面查看它

对于基于位置的链接设计更改，您需要将scrollspy类添加到您的
ul
父级，然后相应地设置
a
链接的样式

注意添加到
div
和
ul
的类，其中包含
li
nav元素

对于响应性设计，您还需要为xs、sm和md设置适当的列宽度

我想这可能只适用于液体容器。我的容器是固定的，正在添加
右侧：0使块跳转到页面的右侧（我想是跳转到正文的右侧）。我尝试在父元素上使用不同的
位置设置
，但没有效果。当然，在将您的解决方案转换为我自己的代码时，我可能也遗漏了一些内容。
“我试图在文本右侧获得粘性列的效果”
我认为右侧是您想要的？您是否在浏览器中使用了开发人员工具来检查页面？@MartinK还注意到，您的容器不应该是
位置：fixed
。您应该将其设置为
position:relative
，relative的真正含义是“相对于其自身的正常位置，允许您通过
top
、
bottom
、
left
和
right
属性进行调整。然后，引导将允许您滚动到设置的
数据偏移量top=“60”“
，然后将
粘贴顶部
替换为
粘贴
，其具有
位置：固定
。我认为这可能仅适用于流体容器。我的容器是固定的，正在添加
右侧：0使块跳转到页面的右侧（我想是跳转到正文的右侧）。我尝试在父元素上使用不同的
位置设置
，但没有效果。当然，在将您的解决方案转换为我自己的代码时，我可能也遗漏了一些内容。
“我试图在文本右侧获得粘性列的效果”
我认为右侧是您想要的？您是否在浏览器中使用了开发人员工具来检查页面？@MartinK还注意到，您的容器不应该是
位置：fixed
。您应该将其设置为
position:relative
，relative的真正含义是“相对于其自身的正常位置，允许您通过
top
、
bottom
、
left
和
right
属性进行调整。然后，引导将允许您滚动到设置的
数据偏移量top=“60”“
，然后将
粘贴顶部
替换为
粘贴
，其具有
位置：固定
。
.affix {
top: 20px;
left: 62%;
width: 25%;
}