位置固定在组列表中（Bootstrap）

Question

我有一个小组列表，我试图让他们定位。

我有以下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-->

我尝试在我的CSS中设置它：

#sidebar {
   position: fixed;
}

结果如下：

我已修复但不在页面的左侧。任何人都知道如何解决这个问题？

Answer 1

当你做位置时：固定它默认固定在左上角。

如果你想要它在右边做::

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

Answer 2

使用保证金属性，在页面中修改div标签。边距属性可以帮助您按照自己的意愿对齐div标签。