Javascript 使引导列从屏幕右侧进入

我希望在单击按钮时从右侧进入一个列窗格。这一列将完全脱离屏幕，停止在我的页面中间。到目前为止，我已经尝试过以下方法：

<div class="col-sm-6 col-sm-offset-12">

---

我现在的问题是我无法将预览页完全放在页面的一侧。将我的列偏移12并不足以将其向右推，使其完全脱离屏幕。bootstrap中是否有允许我这样做的方法？

我一直在这样做。BS3已经打包了这个

你可以把你的触发按钮放在任何你想要的地方。确保抽屉打开时可以单击它

要获得所需的全宽抽屉效果，请更改一些默认BS3样式

@media screen and (max-width: 767px) {

    .row-offcanvas-right .sidebar-offcanvas {
      right: -100%;
    }

    .sidebar-offcanvas {
      position: absolute;
      top: 0;
      width: 100%;
    }

    .row-offcanvas-right.active {
      right: 100%;
      margin-left: 0;
      margin-right: 0;
    }

}

---

使用简单的css规则将其进一步推到

col-sm-6.col-sm-offset-12{/*更多边距或其他css*/}

。就我个人而言，我可能会使用一些特殊的类，比如

“offscreen”

，这正是我想要的！谢谢

@media screen and (max-width: 767px) {

    .row-offcanvas-right .sidebar-offcanvas {
      right: -100%;
    }

    .sidebar-offcanvas {
      position: absolute;
      top: 0;
      width: 100%;
    }

    .row-offcanvas-right.active {
      right: 100%;
      margin-left: 0;
      margin-right: 0;
    }

}