Question

所以，我正在使用最新版本，我不知道如何更改菜单的断点，因为我尝试在bootstrap.css上更改查询（其中我想要一个中断宽度：1010px}：

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

和

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

我改为1010px，但我有结果。在我错了什么？

Answer 1

根据答案here和here，手动编辑文件是一项非常费力的任务，不建议使用＃。

您最好的选择是：
访问http://getbootstrap.com/customize/，在那里指定您自己的断点，下载并使用自定义版本;或
重新定义@grid-float-breakpoint文件中的less/variables.less变量，然后重新编译CSS。

更改引导菜单断点

1 个答案: