부트 스트랩 모바일 메뉴 문제

I은 웹 사이트가 있습니다 https://www.romaheritage.co.uk 부트 스트랩 모바일 메뉴 문제

문제는 페이지의 상단에있는 부트 스트랩 메뉴입니다; 데스크톱 PC/노트북에서는 잘 작동하지만 휴대 기기 (휴대 전화/태블릿)에서 볼 때 두 개의 드롭 다운 메뉴 옵션 인 '기록'& '기타'는 확장되지 않습니다 (Android에서는 적어도 그렇지 않을 것입니다. 내가 그것을 테스트 할 수 없기 때문에 IOS에 대해 확실히). 나는 내가 다른 사람들에게 명백 할 수있는 것을 간과하고 있다고 생각한다.

누구든지 페이지 소스를보고 내가 잘못한 방향으로 나를 가리킬 수 있습니까?

출처

2017-10-18 Gary

a.dropdown-toggle을 div.dropdown-toggle로 바꾸어서 작동 시켰습니다.

CSS는 좋지 않습니다.하지만이 권리를 얻을 수 있다고 생각합니다.

여기 ... 코드

<div class="collapse navbar-collapse" id="tb-nav-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a class="page-scroll" href="http://www.romaheritage.co.uk/#about">About</a></li> 
     <li class="dropdown"> 

      <!-- Change a to div --> 
      <div class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Records <span class="caret"></span></div> 

      <ul class="dropdown-menu"> 
       <li><a href="http://www.romaheritage.co.uk/parish-records">BMD</a></li> 
       <li><a href="http://www.romaheritage.co.uk/census-records">Census</a></li> 
      </ul> 
      </li> 
     <li><a class="page-scroll" href="http://www.romaheritage.co.uk/newspaper-articles">Newspapers</a></li> 
     <li><a class="page-scroll" href="http://www.romaheritage.co.uk/#blog">Blog</a></li> 
     <li class="dropdown"> 

      <!-- Change a to div --> 
      <div class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Misc. <span class="caret"></span></div> 

      <ul class="dropdown-menu"> 
      <li><a href="http://www.romaheritage.co.uk/queen-victorias-journals">Queen Victorias Journals</a></li> 
      </ul> 
     </li> 
     <li><a class="page-scroll" href="http://www.romaheritage.co.uk/#contact">Contact</a></li> 
     </ul> 
    </div>

출처

2017-10-18 06:52:53

이 하나의 시도이다

$("li.dropdown").click(function(e){ 
    $(this).toggleClass("open"); 
});

출처

2017-10-18 06:56:21

부트 스트랩 모바일 메뉴 문제

답변

관련 문제