2016-06-30 3 views
0

부트 스트랩의 화면 크기는 md, sm, lg and xs입니다.부트 스트랩 화면 크기 딜레마?

방금 ​​이러한 화면 크기 나 중단 점이 해상도에 따라 변경된다는 것을 알았습니다.

내 화면에 breakpoint of md 해상도가 다른 것으로 표시되었는데 모두 다릅니다.

지금 내 질문은입니다. 화면 분할 점이 화면 해상도와 다를 수 있고 다른 장치의 화면 해상도가 다르기 때문에 레이아웃을 원하는지 확인할 수있는 방법은 무엇입니까?

sm, md, lg and xs breakpoints이 모든 장치에 대해 동일하면 쉽지만이 경우는 그렇지 않습니다. 이 딜레마를 해결하는 데 도움을 주셔서 감사합니다. 감사! 중단 점을 방지하기 위해

답변

2

,이 같은, 당신이 포함 DIV에 대한 container-fluid 대신 클래스 container의 사용으로 전환 할 수 있습니다

<div class="container-fluid"> 
    ... 
</div> 

대신 :

<div class="container"> 
    ... 
</div> 

자세한 내용은 여기에서 찾을 수 있습니다 http://getbootstrap.com/css/#overview-container

+1

감사합니다! 나는 지금 액체와 용기의 차이를 이해한다고 생각한다. 컨테이너가 정적 인 것처럼 보이고 유체가 열 너비를 조정합니다. – kofhearts

+0

축하해! 당신은 요점이 있어요! –

1

md, sm, lg 및 xs를 모두 동일한 화면 크기로 나누면 n이됩니다. ot 좋은 해결책. 그러나 당신이 할 수있는 -이 달성의

2 가지 방법 : 는 bootstrap.css 및 예를 들어 @media 참조를 @media와 같은 값으로 변경하는 모든 참조 찾기로 이동 (최대 폭을 : 480 픽셀) { 모든 화면 크기에 값을 https://github.com/twbs/bootstrap/blob/master/less/variables.less

및 업데이트 : - ... }

또는 다른 방법 variables.less로 이동 => 적은 CSS 을 다시 컴파일하는 248 행으로 이동합니다. 컴파일하고 붐을 일으킨다.

도움이 되겠습니다.

관련 문제