부트 스트랩 스캐 폴딩 @ 3600x1920

Question

일종의 "코디네이터"인터페이스가있는 웹 응용 프로그램에서 작업하고 있습니다. 내가 작업하는 Eyefinity 설정을 지원할 수 있습니다. (베젤 교정 기능이 켜져있는 3600x1920 또는 3780x1920)의 3 가지 인물 모니터를 지원할 수 있습니다.

나는 트위터 부트 스트랩을 사용하고 있으며 응답 성이 뛰어난 디자인 기능이 필요하다고 생각하지만 원하는대로 사용자 정의하는 방법을 잘 모르겠습니다.

기본적으로 폭이 각각 ~ 1200 픽셀 인 3 개의 열이 필요하지만 화면 너비가 1920 픽셀보다 작 으면이 열을 3 줄로 나누기를 원합니다.

responsive.less 파일 세트에 다른 클래스의 장치를 추가하여이 작업을 수행 할 수 있습니까?

<div class="row-fluid"> 
    <div class="span4"></div> 
    <div class="span4"></div> 
    <div class="span4"></div> 
</div> 

여기 몇 가지 테스트 스크린 샷입니다 :

는 여기에 현재 함께 일하고 있어요 코드입니다

Too wide to fit comfortably on a standard screen

Same data, perfect at 3600x1920

Answer 1

좋아, 내가 예상했던 것보다 쉬웠다.

@media (max-width:3500px) { 
    .row-eyefinity > [class*="span"] { 
     float: none; 
     display: block; 
     width: auto; 
     margin-left: 0; 
    } 
} 

:

내가해야 할 일을했을 모든

내 최상위 행에 클래스를 추가 한 후 내 스타일 시트에 다음 CSS를 추가 (나는 - 아이피 니티 (Eyefinity)를 행이라고 함)