2012-10-03 2 views
0

너비가 980px 미만인 브라우저 창에서 Twitter Bootstrap's GitHub page을 열면 접혀 있습니다.Twitter Bootstrap Collapsable Navbar가 기본적으로 열리도록하려면 어떻게해야합니까?

, "시작하기", "비계를"오른쪽 상단에있는 버튼을 클릭하고 그것을 "홈"옵션을 표시하기 위해 확장 등

트위터 부트 스트랩을 구성 (또는 약간의 정의를 작성하는 방법이 있나요 CSS 또는 JavaScript)를 사용하여이 옵션을 표시하도록 기본값을 만드시겠습니까?

일부 사용자는 사이트 탐색 옵션을 보려면 오른쪽 상단의 버튼을 클릭하는 것을 모를 수 있습니다.

답변

1

.container .nav-collapse.collapse 높이를 자동으로 설정하면됩니다.

메뉴를 전환하면 높이가 자동으로 설정되고 축소 된 클래스는 버튼에서 제거됩니다.

참고 : 필자는 내 콘솔을 통해서만 이것을 테스트 했으므로 높이를 직접 적용하는 방법을 가지고 놀아야 할 것입니다.

+0

Brilliant, 감사합니다. Cody! –

+1

이 문제는 처음 확장/축소 아이콘 (이미 확장 된 탐색 표시 줄을 축소해야 함)을 처음 클릭하면 높이가 자동으로 설정되므로 아무 일도 발생하지 않는다는 것입니다. 예상되는 동작을 트리거하려면 두 번 접기/확장을 클릭해야합니다. 나는 자바 스크립트 수정이 필요하다고 생각한다. – cfx

5

.in 클래스에 .container .nav-collapse.collapse을 추가하면됩니다.

<div class="container"> 
    <div class="nav-collapse collapse"> <!-- collapsed state --> 
    Some html element 
    </div> 
    <div class="nav-collapse collapse in"> <!-- expanded state --> 
    Some html element 
    </div> 
</div> 
+1

이것은 정답으로 보입니다. 간단히'.in' 클래스를 추가하면 모든 것이 훌륭하게 작동했습니다. 감사! – Sam