Bootstrap 3 offcanvas 导航菜单大小

Question

我正在尝试更改小屏幕的画布导航菜单的大小，因为它对我来说太窄了。我已经尝试将其更改为 col-xs-12，但切换时它仍然不起作用... https://getbootstrap.com/examples/offcanvas/

有谁知道怎么改吗？

Answer 1

您将示例中侧边栏的自定义 CSS 更改为所需的宽度。在示例中，它是屏幕宽度的 50%。将其增加到 60%..

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

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -60%;
  }

  .row-offcanvas-right.active {
    right: 60%; 
  }

  .row-offcanvas-left.active {
    left: 60%; 
  }

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

http://www.codeply.com/go/6iCdd2Wega