Twitter Bootstrap 3에서 반응 형 기능을 완전히 끄는 방법은 무엇입니까?

Question

부트 스트랩 3에서 어떻게 응답을 끌 수 있습니까?

데스크톱 버전을 개발하고 싶지만 크기가 다른 경우 데스크톱 버전처럼 표시되어야합니다.

Twitter.com 않습니다. 크기를 조정하려고하면 내 사이트가 모든 요소를 ​​다시 디자인하는 동안 UI에는 아무런 변화가 없습니다.

내가 원하는 방법

예 : 어쨌든 지금 responiveness을 해제하는 방법을

? 모든 도움을 주셨습니다.

또한 최근 Bootstrap 2.0에서는 반응식 부스트랩 CSS를 제거했지만 3.0에서는 CSS 파일 하나에 구워졌습니다.

감사합니다.

Answer 1

편집 : 아래 내 코드가 v3.0.0RC2 용으로 작성하지만, v3.0.0의 문서는 특히이 질문에 대한 섹션했습니다 : 그들은 일정한 비율의 폭 때문에 http://getbootstrap.com/getting-started/#disable-responsive

가 col-xs-X 클래스를 사용합니다. 그런 다음 응답은 .container에서 다른 미디어 크기로 max-width을 사용합니다. 당신은 .container에 자신의 대안을 정의하고 정상처럼 다른 모든 것들을 사용할 수 있습니다 http://jsfiddle.net/xTePL/이

HTML :

이

<!-- Don't use .container at all or you will have to 
    override a lot of responsive styles. --> 
<div class="container-non-responsive"> 
    <div class="row"> 
    <div class="col-xs-4"> 
     <h1>Welcome to Non-responsive Land</h1> 
    </div> 
    <div class="col-xs-8"> 
     <!-- More content, more content --> 
    </div> 
    </div> 
</div> 

CSS :

.container-non-responsive { 
    /* Margin/padding copied from Bootstrap */ 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 15px; 
    padding-right: 15px; 

    /* Set width to your desired site width */ 
    width: 1170px; 
} 

Answer 2

내가 좋아하는 아래의 예를 들어

이

바이올린 @ssorallen의 (받아 들인) 해결책. 이 솔루션은 요청에 따라 모든 응답 기능을 해제하지 않습니다.

@grid-float-breakpoint (기본값 : 768px)은 메뉴가 접히고 화면 너비에 따라 양식 레이블의 맞춤을 설정합니다. 귀하의 모달과 회전 목마의 너비 또한이 설정에 따라 다릅니다.

자세한 내용은 다음을 참조하십시오 http://bassjobsen.weblogs.fm/compile-twitters-bootstrap-3-without-responsive-features/

갱신 확인 @skelly도에서 아래 링크. 그래도 grid-float-breakpoint는 변경되지 않으므로이 솔루션이 코드를 감소시키지 않습니다. TB3의 다른 버전은 split up some less files 일 것입니다. 이렇게하면 응답하지 않는 버전을 쉽게 컴파일 할 수 있습니다.

Answer 3

모든 미디어 쿼리를 비활성화하고 bootstrap.css 파일에서 주석 처리하십시오. 몇 분이 걸리지 않습니다.

그런 다음 페이지 내용을 설정하는 외부 div에 고정 너비를 설정해야합니다. 이것은 보통 부트 스트랩이나 #wrapper와 같은 것에서 일반적으로 사용됩니다. 960 픽셀 또는 귀하의 사이트에 적합한 내용.

또한 HTML 헤드에서 메타 뷰포트 태그를 제거하거나 주석 처리해야합니다. 하나도 없으면 괜찮습니다 (응답 성을 원할 경우 추가 할 필요가 있지만).그것은 다음과 같습니다

Answer 4

여기 나를 위해 일한 내용은 다음과 같습니다

<meta name='viewport' content='width=1190'> 

내가 내 콘텐츠 주위에 여백의 비트를 원했다 그래서 나는 또한

.container{ 
    width: 1150px !important; 
} 

은 아이 패드와 아이폰을 테스트했다.