부트 스트랩의 열 내에서 반응 형 텍스트를 만드는 방법은 무엇입니까?

Question

저는 기본적으로 2 개의 부분으로 나뉘어지는 반응 형 웹 사이트를 만들었습니다. 그리고 나는 그렇게

코드처럼 행과 2 열 형식으로 텍스트를 추가하기 위해 노력하고있어 : 위의 주어진 내가 무슨 짓을했는지의

<div class="container"> 
<div class="row"> 

    <div class="col-sm-4 col-md-4 col-lg-4"> 
     <div class="centerBlock"> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua 
     </div> 

샘플. 포함되지 않은 것은 바깥 행과 열 클래스입니다.

내가 뭘 잘못하고 있니?

Answer 1

단순히 두 개의 열을 만드는 경우 아래 코드가 작동합니다. div 태그를 닫아야하고 '6'으로 끝나는 클래스를 사용해야합니다. '4'로 끝나는 것은 3 개의 열을 줄 것입니다. 각 행은 부트 스트랩이있는 12 개의 열로 나누어 져 있으므로 col - * - 6을 사용하면 각각 절반의 공간을 사용하는 두 개의 열로 나뉩니다.

<div class="col-xs-6"> 
     <div class="centerBlock"> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua 
     </div> 
    </div> 
    <div class="col-xs-6"> 
     <div class="centerBlock"> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua 
     </div> 
    </div> 
    </div><!-- row--> 
</div><!-- container -->