Question

在我生命中，我无法弄清楚如何在iPad上折叠Bootstrap 3网站的导航。该网站为allisonbrandonwexler.com.

根据一些研究，我认为这是在主题的.css文件中需要更改的代码，但是我没有做任何工作：

@media (min-width: 768px) {
  .navbar-custom {
    padding: 20px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }

  .navbar-custom.top-nav-collapse {
    padding: 0;
    background: black;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}

说实话，尽管导航按我的意愿在横向模式下在我的iPhone X上崩溃了，但我什至不确定在考虑到iPhone X的像素宽度（横向时）明显大于768px的情况下该方法是否可行

我的网站的CSS文件可在以下位置找到：https://github.com/brandonwexler/brandonwexler.github.io/tree/master/css

...以及bootstrap.css文件可以在这里找到：https://github.com/brandonwexler/brandonwexler.github.io/tree/master/vendor/bootstrap/css

任何帮助将不胜感激！

无法在iPad上的Bootstrap 3网站中折叠导航

0 个答案: