부트 스트랩 전체 너비 열

Question

나는 잠시 동안이 질문을했지만 아직 합리적인 답을 찾을 수 없습니다.

부트 스트랩에 다음 내용이 나와 있습니다. 내용은 열 내에 배치되어야하며 열만이 행의 바로 하위 항목이 될 수 있습니다.

하지만 행이있을 때 전체 너비 아래에 div를 배치해야 할 때 어떻게해야합니까? col-xs-12를 넣어야합니까? 예 :

<div class="row"> 
    <h1>Title</h1> 
    <div class="col-md-6">Some content here</div> 
    <div class="col-md-6">Other content here</div> 
</div> 

h1은 전체 너비입니다.

부트 스트랩에 따르면 올바르지 않으므로 어떻게해야합니까? h1을 열 안에 넣을 까 말까? h1 요소가 행 위에 속하는 있도록

Answer 1

행은 열 하나의 수평 그룹 :

<h1>Title</h1> 
<div class="row"> 
    <div class="col-md-6">Some content here</div> 
    <div class="col-md-6">Other content here</div> 
</div> 

또는 하나의 전체 폭 열을 사용하여 자신의 행의 하지만 필요는 없습니다 :

<div class="row"> 
    <div class="col-md-12"> 
     <h1>Title</h1> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-md-6">Some content here</div> 
    <div class="col-md-6">Other content here</div> 
</div> 

Answer 2

<div class="row"> 
    <h1>Title</h1> 
</div> 
<div class="row"> 
    <div class="col-md-6">Some content here</div> 
    <div class="col-md-6">Other content here</div> 
</div> 

당신은 당신이 무엇을하고 있는지 모른다면 당신은, COLS를 사용해야합니다. 문제는 그 열이 padding-left 15px이고 padding-right 15px이라는 것입니다. 그리고 행은 margin-left -15px과 margin-right -15px입니다. 당신은 COLS없이 행에있는 div를 사용하는 경우 :

다음

<div class="row"> 
    <div> 
     content 
    </div> 
</div> 

당신이 그것을 섞어 경우, 왼쪽과 rightside 들여 쓰기에 문제가 얻을 :

<div class="row"> 
    <div class="col-..."> 
     content 
    </div> 
</div> 

따라서이 함께 할 항상 더 나은 cols.