Change bootstrap's menu break point -
so, i'm working latest version , don't know how change break point of menu cause tried change queries on bootstrap.css (wherein want 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 1010px have o results. in i'm wrong?
according answers here , here, editing files manually 'a horribly laborious task , not recommended'.
your best options either:
visit http://getbootstrap.com/customize/, specify own breakpoints there, download , use customised version; or
redefine @grid-float-breakpoint
variable in less/variables.less
file, , recompile css.
Comments
Post a Comment