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