Bootstrap v3.3.1의 xs 화면에서 하이퍼 링크가 작동하지 않습니다.

Question

도움말, 다른 화면 크기로 표시하고 작동하는 동안 내 하이퍼 링크가 가장 작은 화면 (xs)에 표시되지 않는 이유를 생각해 볼 수 없습니다. 내 코드를 작성한 방식과 관련된 문제 일 수 있습니다. 오프라인 맞춤 스크립트 파일 (https://balmainmassage.com.au/2015/css/2015.css)을 오프라인으로 가져 가면 링크가 여전히 작동하지 않는 반면, 오프라인 bootstrap.min.css를 가져 가면 어떻게됩니까? 부트 스트랩 파일을 수정하지 않았습니다.

public_html 폴더의 Templates 폴더에있는 템플릿 2015.dwt를 기반으로 모든 페이지에서이 문제가 발생합니다. 이 템플릿을 기반으로 한 페이지의 예는 https://balmainmassage.com.au/2015/january_specials.html입니다. xs를 제외한 모든 화면 크기에서 작동합니다.

그러나, 그주의 - 동일한 파일에 - 인 xs 화면을 위해 설계된 탐색 하이퍼 링크 WORK 마십시오 (다른 화면 크기에 대한 다른, 당신은 라인 <!-- page body ends here, menu and footer start --> 후 그들을 찾을 수 있습니다).

부트 스트랩을 기반으로하지 않는 사이트의 오래된 페이지는 물론 반응하지 않지만 작동합니다. 정말 의아해했습니다 ... 도와 줘서 고마워!

클라우디오

Answer 1

문제는 지금 무엇을해야 클래스 nav nav-pills 페이지 크기가 감소 하이퍼 링크를 포함하는 클래스 col-xs-12으로 사업부를 겹치는와 DIV, 당신의 col-xs-12에 z-index : 1을 추가하는 것입니다 수업과 같이 :

.col-xs-12 { 
    z-index: 1; 
} 

난 당신이 bootstrap css을 무시 피하기 위해 col-xs-12 클래스에 다른 클래스 이름을 추가하는 것이 좋습니다 :

<div class="col-xs-12 MyClassName"> 
.MyClassName { 
    z-index: 1; 
}