更改引导程序的菜单断点 [英] Change bootstrap's menu break point

问题描述

因此，我正在使用最新版本，并且我不知道如何更改菜单的断点，因为我尝试更改bootstrap.css上的查询(其中我想中断width:1010px}:

So, I'm working with the latest version and I don't know how change the break point of menu cause I tried change that queries on bootstrap.css (wherein I want a break in width: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，但我有o结果.在我错了吗?

I change for 1010px but I have o results. In What I'm Wrong?

推荐答案

根据答案此处和此处，手动编辑文件是非常艰巨的任务，不是推荐".

According to answers here and here, editing the files manually is 'a horribly laborious task and not recommended'.

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

Your best options are to either:
Visit http://getbootstrap.com/customize/, specify your own breakpoints there, download and use the customised version; or
Redefine the @grid-float-breakpoint variable in the less/variables.less file, and then recompile the CSS.

这篇关于更改引导程序的菜单断点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！