부트 스트랩 분할 문제

은 내가 비슷한 뭔가를 시도 https://s1.postimg.org/1u8qkhey4v/Untitled-1.png 부트 스트랩 분할 문제

이 그림에서 뭔가를하고 싶어 해요하지만 난 여기에 그들 사이의 수평 라인

이라고 할 수있는 방법에 대한 자세한 궁금 내 코드 :

<div class="container"> 
     <div class="row"> 
     <div class="col-md-6"> 
      <div class="col-md-4"> 

       <a href="#"><img class="item1" src="img/item1.png" alt="item1"></a> 
       <a href="#"><img class="item1" src="img/item1.png" alt="item1"></a>    
      </div> 
      <div class="col-md-8"> 
       <h2 class="title">LOREM IPSUM DOLOR</h2> 
       <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec lectus felis. Sed nec dignissim felis, id tempor turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> 


       <h2 class="title">LOREM IPSUM DOLOR</h2> 
       <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec lectus felis. Sed nec dignissim felis, id tempor turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> 

      </div> 

     </div> 
     <div class="col-md-6"> 
      <div class="col-md-4"> 
       <a href="#"><img class="item1" src="img/item1.png" alt="item1"></a> 
       <a href="#"><img class="item1" src="img/item1.png" alt="item1"></a>    
      </div> 
      <div class="col-md-8"> 
       <h2 class="title">LOREM IPSUM DOLOR</h2> 
       <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec lectus felis. Sed nec dignissim felis, id tempor turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> 


       <h2 class="title">LOREM IPSUM DOLOR</h2> 
       <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec lectus felis. Sed nec dignissim felis, id tempor turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> 


      </div> 
     </div> 
     </div> 
    </div> 
    </div>

감사합니다.

출처

2017-10-01 zura

div의 하단에 테두리를 추가 할 수 있습니다.

.border-bottom { 
    border-bottom: 1px solid #000; 
}

그런 다음 첫 번째 col-md-6

<div class="col-md-6 border-bottom"> 
.... 
</div>

에 클래스 테두리를 추가

출처

2017-10-01 22:42:37 DollarChills

부트 스트랩 분할 문제

답변

관련 문제