Css 组列表中的固定位置（引导）

我有一个小组名单，我正在努力使他们的位置固定

我有以下HTML：

<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
    <div class="list-group">
        <a href="#" class="list-group-item">Home</a>
        <a href="#" class="list-group-item active">Quem-somos</a>
        <a href="#" class="list-group-item">FAQ</a>
        <a href="#" class="list-group-item"><strong>Reserve agora</strong></a>
    </div>
</div><!--/span-->

结果是：

---

我修正了，但不在页面的左侧。有人知道如何解决这个问题吗？

当你做定位时：修复了它默认修复到左上角

如果您希望它位于右侧，请执行以下操作：

#sidebar {
 position: fixed;
 top:0;
 right:0;
}

---

使用边距属性，根据需要在页面中修复div标记。边距属性可以帮助您根据需要对齐div标记

#sidebar {
 position: fixed;
 top:0;
 right:0;
}