更改引导程序的菜单断点 [英] 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屋!