고정하는 방법을 div의는

안녕하세요 아래 그림에서와 같은 CSS 코드가 필요합니다 : 고정하는 방법을 div의는

enter image description here

, 부트 스트랩 3.

에 대한이 colums는 col-md-9 내부 될 것입니다. 내가 직접 해봤지만 화면 크기가 바뀌면보기에 좋지 않습니다. 나는 전문가가 아니다. 제발 도와주세요.

지금까지 수행 한 작업의 jsBin을 추가하십시오. – Christina

미디어 쿼리를 사용하여 작동하는 다양한 화면 크기에 대한 클래스가 있습니다.

요소에 적용 할 모든 클래스를 정의하여 요소에서 간단하게 사용할 수 있습니다! 화면의 크기에 따라,

이 예는 폭 약 9, 6, 3 COLS와 사업부가 표시됩니다 :

예를 들어 그냥 그런 그것을 할, 다른 크기를 처리 할 수있는 컨테이너를 정의 (크기를 사용하여 클래스 md, sm 및 xs)

<div class="col-md-9 col-sm-6 col-xs-3"> 
    My content 
</div>

2013-12-16 14:46:19 Steini

나는 이해한다. 그러나 나는 배우기를 원한다. 나는이 divs를 자기 자신으로 만들 필요가 있거나 col-md-9 (col-md-8 plus col-md-4)와 같은 col-md-9를 사용해야 할 필요가 있는가? – user3034335

직접 작성하십시오. 부트 스트랩은 컨테이너에 적용하는 클래스를 수신합니다. 그리드 시스템이 부트 스트랩에서 어떻게 작동 하는지를 아는 것이 중요합니다. 항상 모든 행에 12 개의 열이 있습니다. 다른 div 안에 div를 넣는 경우 (예 :

and then add

Content

) 첫 번째 div의 그리드에는 6 열의 뷰포트가 있습니다. 다음으로 자식 div는 이미 부모로부터 최대 6 개의 열을 가진 부모의 최대 폭 안쪽에 3 개의 열을 가져옵니다. 테이블 행에서 공간을 분할하면 하위 테이블에서이 공간을 작은 열로 나눕니다. – Steini

고맙습니다. 사실 내가 일하는 단순한 CSS는 위대한 것입니다. 왜냐하면 나는 단지 초보자이고 그 같은 div를 어떻게 주문할 지 모르기 때문입니다. – user3034335

답변