twitter-bootstrap - 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