Twitter Bootstrap을 사용하면서 CSS 라이브러리를 다운로드하여 직접 편집하기 시작합니까?

Question

나는 트위터 부트 스트랩을 다운로드하여 David Cochran이 트위터 부트 스트랩 웹 개발 방법을 훑어 보았다. 모든 것이 훌륭합니다. 이제는 부트 스트랩과 가장 잘 통합되는 맞춤형 디자인이 있습니다.

맞춤형 디자인을 트위터 부트 스트랩 라이브러리와 통합 할 때 가장 좋은 방법은 무엇입니까?

1) http://twitter.github.io/bootstrap/customize.html으로 가서 어떤 라이브러리를 사용하고 다운로드하고 사용하는지 추측하려고합니까?

2) 전체 소스 파일을 처리 한 다음 사용되지 않는 것을 줄이려고합니까? 원래 bootstrap.css는 6,000 줄입니다.

3.) 최소한의 라이브러리부터 시작하여 필요에 따라 수동으로 추가합니까?

4.) 나는 그들의 라이브러리를 직접 편집하기로되어 있습니까? .thumbnails 클래스에 테두리가있는 것처럼 테두리도 필요하지 않습니다. 다른 CSS 파일로 덮어 쓰거나 bootstrap.css .thumbnails 클래스의 원본 행을 편집합니까?

Answer 1

가장 간단한 방법은 고유 한 CSS (옵션 # 4)로 부트 스트랩 스타일을 덮어 쓰는 것입니다. 귀하의 CSS 스타일은 귀하의 옵션 # (

.thumbnails { 
    border:0; 
} 

또 다른 방법은 부트 스트랩 CSS의 사용자 지정 빌드를 생성하는 것입니다 ... 별도의 CSS 파일이나 HTML의 bootstrap.css을 다음과 <style></style> 마크 업에서 정의 할 수 있습니다 (1))를 사용하십시오. 이 단점은 발전기 한계와 사용자 정의 빌드 유지입니다.

마지막으로 CSS에 컴파일되는 동적 스타일 시트 언어 인 LESS가 있습니다. LESS는 선택기를 중첩하거나 변수를 만들 수있는 기능을 지원합니다. 여기 LESS에서 좀 더 광범위한 스레드를 찾을 수 있습니다 : Twitter Bootstrap Customization Best Practices.

파일 크기 또는 성능이 문제가되는 경우 BootstrapCDN http://www.bootstrapcdn.com CDN에서 최소화 된 결합 부트 스트랩을 제공합니다. CDN은 Bootply에있는 부트 스트랩을 제공합니다.이 도구는 부트 스트랩을 테스트하고 프로토 타입하고 사용자 정의하기 위해 만든 도구입니다.

행운을 빈다.