Question

bootStrap 如何 修改 nvabar 适应性 min-width 768px

如题 现在在手机上放入 navbar ， 但是 navbar里面的导航元素总是在小于768px的时候 堆叠显示....现在没手机有这么大...
现在想修改 768px 这个值，但是查的资料都是要说修改 less，然后再编译，我试了下，编译没成功，现在求 简单点的解决方法，比如能否直接在页面修改CSS样式....

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

如果不堆叠，你最好不要设置出太多的导航信息。
否则就是一直横着排出去，这样不会美观吧。

如果要这样的效果，那你也可以不用bootstrap的代码，就能达到你要的效果了。

Answer 2

那就直接修改bootstrap.min.css，或者自己写css覆盖

追问

具体点 怎么写css 样式覆盖
min-width 都是写在 媒体查询里面的 也不是直接的css样式

追答

在你的css文件写入
@media (min-width: 768px) {
.navbar {
......................
}
}
覆盖bootstrap.css里的样式

追问

是的 可以覆盖样式。。。但是我现在要实现的功能是 768px以下 nvabar里面的元素不堆叠。。。这个如何用样式实现呢？？？
22 84 52 500 请加我 不吝赐教

追答

@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
bootstrap是移动优先的，当屏幕小于等于768px时，菜单会被隐藏，
当屏幕大于768px时.container宽度为750px，
当屏幕大于992px时.container宽度为970px，
当屏幕大于1200px时.container宽度为1170px，
你的情况应该是菜单项太多了，在.container宽度为750px时logo和菜单会分行，

最好是修改min css再编译会方便很多，修改@media (min-width: 992px) { } 时隐藏菜单。