Twitter 어떤 해상도의 부트 스트랩 축소 메뉴

Question

부트 스트랩 3을 사용 중입니다. 접힌 메뉴가 768px 이하의 해상도에서만 나타납니다. 나는 그가 어떤 결의안에서도 언제나 볼 수 있기를 원했다. 아무도 내가 어떻게하는지 안다?

는

Answer 1

부트 스트랩이 사용하는 미디어 쿼리를 수행합니다 감사합니다. 이렇게하려면 Bootstrap 미디어 쿼리를 무시해야합니다.

Answer 2

저는 일반적으로 부트 스트랩 소스 버전을 사용합니다.이 파일은 원래 부트 스트랩 CSS가 생성 된 원본 파일보다 적습니다.

수정할 옵션은 variables.less 파일의 옵션 인 @ grid-float-breakpoint 입니다. 이렇게하면 축소 된 메뉴를 사용하여 머리글이 바뀌는 지점을 변경할 수 있습니다.

가에 대한 자세한 내용은 https://github.com/twbs/bootstrap#compiling-css-and-javascript를 참조 설정하는 방법 당신은 부트 스트랩 CSS를 오버라이드 (override)하는 CSS를 추가 할 수 부트 스트랩 3.

Answer 3

을 구축하고 사용자 정의하는 데 필요한 도구에 .. 그냥 CSS는 bootstrap.css 다음 확인하십시오. 이상적으로는이 CSS를 다른 파일 (예 : style.css)에 배치해야합니다.

.navbar-header { 
    float: none; 
} 
.navbar-toggle { 
    display: block; 
} 
.navbar-collapse { 
    border-top: 1px solid transparent; 
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
} 
.navbar-collapse.collapse { 
    display: none!important; 
} 
.navbar-nav { 
    float: none!important; 
    margin: 7.5px -15px; 
} 
.navbar-nav>li { 
    float: none; 
} 
.navbar-nav>li>a { 
    padding-top: 10px; 
    padding-bottom: 10px; 
} 

데모 : http://www.bootply.com/114980