您可以在 Bootstrap 3 中将面板固定在右侧吗？

Question

我有一个悬浮在容器内的面板。当我的数据间谍词缀执行时，侧面板获得position: fixed 属性，该属性删除float: right。面板固定在正确的高度，但固定在容器的左侧而不是容器的右侧。我不能简单地为 left 属性声明一个固定值，因为我使用的是固定为 1200px 的容器，而不是 container-fluid，并且每当用户调整屏幕大小时，左侧偏移量都会发生变化。

如何在贴在视图顶部附近时设置面板模拟浮动？

<div id="navbarContainer" class="affix-top clearfix" data-spy="affix" data-offset-top="70">
    <div class="navbar navbar-inverse navbar-static-top" role="navigation" id="topnavbar">
    </div>
</div>

// code removed

<div class="container">
 <div id="right_panel" class="panel right-panel pull-right">
     <div class="panel-head">
         Related Information
     </div>
  <div class="panel-body">A Basic Panel</div>
</div>

css

.rightpanelAffix{
    position:fixed;
    top:101px;
}

js

$("#navbarContainer").on("affixed.bs.affix", function () {
    $("#body").addClass("bodyAffixPadding");
    $("#right_panel").addClass("rightpanelAffix");
});

$("#navbarContainer").on("affixed-top.bs.affix", function () {
    $("#body").removeClass("bodyAffixPadding");
    $("#right_panel").removeClass("rightpanelAffix");
});

Answer 1

请给我们看一些代码。并且您可能想问您无法调整容器大小。让我知道这是否有帮助。 看看这个

 <div class="container">
                   <div class="row">
    <div class="col-lg-1 col-md-6"></div></div></div>