Bootstrap 3 offcanvas导航菜单大小

时间:2016-03-18 11:30:18

标签: twitter-bootstrap twitter-bootstrap-3 off-canvas-menu

我试图改变小屏幕的离线扫描导航菜单的大小,因为它对我来说太窄了。我尝试将其更改为col-xs-12,但切换时仍然无法正常工作...... https://getbootstrap.com/examples/offcanvas/

有谁知道如何改变它?

1 个答案:

答案 0 :(得分:0)

您可以将边栏的自定义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