桌面大小的移动样式主菜单

时间:2015-08-11 17:13:12

标签: css twitter-bootstrap less

我正在开发一个网站,我在bootstrap / CSS方面遇到了一些问题。

http://50.87.248.234/~placehx2/

在这个页面上,主菜单在992px下更改了它的样式,但即使在大尺寸屏幕上我也想要它的移动风格。 我如何修改媒体查询?

非常感谢

2 个答案:

答案 0 :(得分:0)

@media (max-width:1024px) {
  mobile code here
}

您可以将宽度更改为网站所需的宽度

答案 1 :(得分:0)

这可能是一种实现你想要的东西的非常黑客的方法,但是如果你找不到另一种方法,你可以用更大的宽度替换所有的媒体最小宽度。

@media (min-width: 768px) {
  //bootstrap classes go here
}

这应该会使移动样式适用于更大的窗口,但如果您计划稍后更新引导程序版本,那么处理它会有点麻烦,因为您必须重复它。但是要快速解决这个问题。