【问题标题】:Bootstrap 3 offcanvas navigation menu sizeBootstrap 3 offcanvas 导航菜单大小
【发布时间】:2016-03-18 20:36:30
【问题描述】:

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

有人知道怎么改吗?

【问题讨论】:

  • 嗨,你想要一个内联导航?
  • 您好!不,不是顶部导航栏。我正在尝试扩大右侧的垂直侧边栏菜单。

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


【解决方案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

【讨论】:

  • 谢谢!正是我需要的。 :)
猜你喜欢
  • 2022-10-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-04-01
  • 2018-10-09
  • 2015-07-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多