separater 및 목록 그룹은 div의

Question

를 통해 흐르는

내 펜 : http://codepen.io/helloworld/pen/yyoJGR

왜 흰색 separater과 div의 또는 부모 행을 통해 흐르는리스트 그룹?

<div class="container columnStyle"> 
    <div class="row"> 
    <div class="row-same-height"> 
     <div class="col-xs-3 col-xs-height"> 
      <img class="img-responsive" src="http://s7.postimg.org/agarkavmj/whoiswho.png"></img> 
     </div> 
     <div class="col-xs-9 col-xs-height" > 
     <div class="container"> 
      <div class="row"> 
      <div class="page-header"> 
       <h1>Who is who 
        <p> 
        <small>Organization & Processes</small> 
        </p> 
       </h1>     
       </div> 
      </div> 
     </div> 
     <div class="container"> 
      <div class="row"> 
      <ul class="list-group"> 
       <li class="list-group-item">Org Charts </li> 
       <li class="list-group-item">GAM/KAM Charts</li> 
       <li class="list-group-item">Process flow</li>    
      </ul> 
     </div> 
     </div> 
     </div>  
    </div> 
    </div> 
</div> 


.columnStyle{ 
    background: #006AB3; 
} 

Answer 1

.container 클래스를 여러 번 사용했기 때문에. 이 클래스의 고정 width은 1170px입니다.

.container { 
width: 1170px; 
} 

랩퍼 만 1 .container을 한 후, 그 안에 다른 .container를 제거하고 단지 .row

가 직접보기 사용해야합니다 http://codepen.io/anon/pen/ogeLRb