2012-11-09 3 views
2

너비를 960px로 설정하고 싶습니다. 현재 979px입니다. 부트 스트랩에서 최대 너비와 그리드 열을 어떻게 설정합니까?

@gridColumns:    16; 
@gridColumnWidth:   60px; 
@gridGutterWidth:   10px; 

그러나, 이러한 표준 부트 스트랩 기능에 영향을주지 않는 변경

: 같은

@navbarCollapseWidth:    960px; 

그리고 더 중요한 것들 : 나는 당신이 얻을 variables.less에서 볼?

+0

변경 한 파일 수가 적은 경우 CSS에 적은 파일을 컴파일합니까? [Less compilation] (http://lesscss.org/#usage). 또는 [boostrap 사용자 정의 페이지] (http://twitter.github.com/bootstrap/customize.html#variables) – Sherbrow

+0

을 사용하여 사용자 정의 된 CSS를 직접 다운로드하십시오. "적은"파일을 컴파일하지만 어떤 파일인지는 알 수 없습니다. 이 변경 사항을 보드 전체에 반영하려면 gridRowWidth가 포함 된 것을 편집 하시겠습니까? – coderama

답변

1

이게 당신이 찾고 있는게 있나요?

How do I get a 16 column responsive layout with Twitter Bootstrap 2?

당신이 _mixins.less를 찾을 필요가 line 517 of the mixins로 다스 려한다

또 다른 작은 일을 (그냥 오타?) (내가 .scss 버전을 사용하기 때문에 내가 .less 추측) : 16을 사용하는 경우 @gridColumnWidth: 60px은 최대 960px까지 합계합니다.

+0

실제로 생성 된 코드가 실제로 어떤 파일에 있는지 확인할 수 있습니까? – coderama

+0

"보통", 컴파일 한 후에는 끝에 하나의 파일 만 있습니다. 필요한 모든 파일을 포함하는 수집 파일이 있습니다 (처음에는 자신의 vars 가져 오기, 다음에는 가져 오기 부트 스트랩, 자신의 자산 및 부트 스트랩 반응 형 (필요시)). 모든 내용이 포함 된 1 개의 css 파일로 끝납니다. – Rockbot

+0

도 참조하십시오 : http://stackoverflow.com/questions/12816089/why-bootstrap-css-is-not-overriding-in-other-project-with-the-same-code/12819825#12819825 – Rockbot

0

최대 979px 최대 너비 또는 최소 너비 에 설정되지 않은 부트 스트랩 파일에서 미디어 쿼리를 편집하려는 경우이 계산을 사용하면 열 크기와 방구석

@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); 
+0

그럼 정확히 어떤 파일입니까? – coderama

+0

bootstrap.css 파일에서 미디어 쿼리를 찾을 수 있습니다. '@media (최소 너비 : 796px) 및 (최대 너비 : 976px) {'을 변경하고 최대 너비를 960과 같이 변경할 수 있습니다 그것을 더 작게하는 것을 도울지도 모르지만, 당신이 매체 질문에에 추가해야 할 다른 장소가 있을지도 모르다. 나는 간단하게 모든 매체 질문 min와 최대 폭 및 계산을 편집해서 그 스크린 크기 890에 나의 웹 사이트를 만들었다. gridWowWidth의 [variables.less] (https://github.com/twitter/bootstrap/blob/master/less/variables.less#L272) – Yohn

관련 문제