Twitter bootstrap Bootstrap 3非画布导航菜单大小

Twitter bootstrap Bootstrap 3非画布导航菜单大小,twitter-bootstrap,twitter-bootstrap-3,off-canvas-menu,Twitter Bootstrap,Twitter Bootstrap 3,Off Canvas Menu,我正在尝试更改小屏幕的非画布导航菜单的大小,因为它对我来说太窄了。我试着把它改成col-xs-12,但在切换时仍然不起作用。。。 有人知道如何更改吗?您可以将侧边栏的自定义CSS从示例更改为所需的宽度。在本例中,它是屏幕宽度的50%。将其增加到60% .row-offcanvas-right .sidebar-offcanvas { right: -60%; } .row-offcanvas-left .sidebar-offcanvas { left: -6

我正在尝试更改小屏幕的非画布导航菜单的大小,因为它对我来说太窄了。我试着把它改成col-xs-12,但在切换时仍然不起作用。。。


有人知道如何更改吗?

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

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

嗨,你想要内联导航吗?你好!不,不是顶部导航栏。我正在尝试扩大右边的垂直侧边栏菜单。嗨,你想要一个内联导航吗?你好!不,不是顶部导航栏。我正在尝试扩大右侧的垂直侧边栏菜单。谢谢!正是我所需要的。:)非常感谢。正是我所需要的。:)