Twitter Bootstrap 3의 절반 열


답변:


174

이것을 시도 할 수 있습니다.

col-9를 두 부분으로 나눕니다.

부트 플라이 : http://www.bootply.com/128927

HTML :

   <div class="col-xs-3">  col-xs-3 </div>
   <div class="col-xs-9">
      <div class="row">
         <div class="col-xs-6">col-xs-4.5</div>
         <div class="col-xs-6">col-xs-4.5  </div>
      </div>
   </div>

7
쏴라 ... 그런 생각은하지 않았어. 뇌는 이미 오버 클럭되었습니다. 정말 고맙습니다. 너무 잘 작동합니다. : D
Nerdar 2014-04-10

예. 닫고 싶어요. 닫으려면 2 분 정도 기다려야한다고합니다. 당신이 ^ _ ^ 감사합니다
Nerdar

이것은 나를 위해 작동하지 않습니다! 최신 버전의 Bootstrap 3을 사용하고 있으며 col-md-9를 사용하고 있으며 두 부분으로 나누기를 원합니다! 어떤 아이디어? (-
J86

1
@Ciwan col-md는 '중간'및 더 큰 화면 전용이며 col-xs를 사용한다는 사실은 모든 장치에서 작동합니다. '작동하지 않는다'라고 말하는 대신 바이올린을
켜고

따라서 width: 80%;col-md-6 내부 처럼 할 수있는 방법이 없습니다 (예를 들어 오른쪽에 공백을 원할 경우)
nclsvh
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.