Twitter Bootstrap 飘离 Canvas 侧边栏

Question

我看过很多关于使用非 canvas 侧边栏的示例，例如此处 http://bootstrapzero.com/bootstrap-template/off-canvas-sidebar

在此示例中，当屏幕尺寸调整为较小时，主要内容区域会向右偏移显示的侧边栏的宽度。

有没有办法不这样做，而是将侧边栏浮动在主要内容区域上？这也将删除水平滚动。

Answer 1

是的，您可以将导航栏的 active 位置设置切换为 left:0，以便它浮动在页面内容上。

row-offcanvas-left.active .navbar {
    position: absolute;
    z-index: 2;
    left: 0;
    width:40%;
    background-color:#eee;
    border:0 solid #ddd;
    border-left-width:1px;
  }

举个例子：http://www.bootply.com/I9BrKZj1PE

Twitter Bootstrap 飘离 Canvas 侧边栏

Twitter Bootstrap Floating Off Canvas Side Bar

twitter-bootstrap-3