Change bootstrap's menu break point

2019-09-07 08:33发布

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;
  }

and

@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;
}

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

1条回答
Root(大扎)
2楼-- · 2019-09-07 08:57

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

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.

查看更多
登录 后发表回答