如何在Bootstrap 3菜单上删除插入符并在悬停时显示下拉列表?

use*_*023 3 html javascript css jquery twitter-bootstrap

我已经在我的Wordpress主题上设置了Bootstrap 3,并且我已经在移动设备上正确运行了子菜单(灰色箭头表示它是一个点击打开的下拉菜单).

在桌面上我希望下拉列表在没有箭头图像的情况下悬停工作.有没有办法在不影响移动布局的情况下做到这一点?看到这个.

Ali*_*ani 5

我明白了,你不希望用户在桌面上看到"插入符号".这可以通过最少量的媒体查询来实现.它应该是这些方面的东西.我从Bootstrap 3 Docs获得了桌面断点媒体查询代码.

@media (min-width: 1200px) {
  .navbar-nav .caret {
  display:none;
 }

 .dropdown:hover .dropdown-menu {
   display: block;
  }
}
Run Code Online (Sandbox Code Playgroud)