Question

我正在开发的网站上使用bootstrap，并希望将移动菜单的断点更改为更大的尺寸。我已经设法完成了大部分问题，但是，用于下载悬停事件的菜单我现在需要处理点击事件（如移动菜单的较小版本）。

我没有太多的运气来解决控制悬停事件与点击事件之间的变化的问题，有人可以详细说明它在引导程序系统中是如何工作的吗？

系统位于http://kjhire.co.uk/index

先谢谢。

Answer 1

使用此媒体查询并根据需要更改断点值。

@media (max-width: 1200px) {
.navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin-top: 7.5px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in { display:block !important; }

 }

Answer 2

请尝试将.dropdown-menu添加到媒体查询中，如下所述。

style.css第172行

@media only screen and (min-width: 992px) {
header .navbar-nav li.dropdown:hover .dropdown-menu {display: block;}
}

Bootstrap移动更改断点问题

2 个答案: