자동 크기 조절은 부트 스트랩 3 사이트에 제목

Question

내가 부트 스트랩 3에 대한 getboostrap.com 홈페이지에서 크기 조정 <h1> 요소를 생성하는 방법

: 내가 fittext.js 같은 도구를 사용할 수 있습니다 알고 http://getbootstrap.com/getting-started/

하지만 그들의는 CSS 미디어를 사용하여 조정 쿼리가 보인다. 자신의 CSS에서

Answer 1

당신은 Jumbotron에 <h1> 태그를 넣을 수 있습니다. 기본 h1 글꼴 크기는 36px입니다. 당신은 더 큰 만들기 위해 미디어 쿼리를 사용할 수 있습니다 : 당신은 어떤 H1 태그에 resizable 클래스를 추가 할 수 있으며 그것은 화면 너비가 최소 768px에있을 더 큰 경우 것

@media screen and (min-width: 768px) { 
    h1.resizable { 
    font-size: 63px; 
    } 
} 

.

Answer 2

는

@media (min-width: 768px) { 
    .bs-masthead h1 { 
    font-size: 100px; 
    } 
} 

.bs-masthead h1 { 
    font-size: 50px; 
    line-height: 1; 
    color: #fff; 
}