CSS : 사업부의 자식 DIV를 확대하고 맨 두 이미지를 설정하고 크기 조정 화면

Question

내가 부트 스트랩을 사용하고 때 바닥은 고정 나는이 같은 일부 HTML을 가지고하는 방법 :

<div class="col-sm-12 mainContainer"> 
    <div class="col-sm-4 imagesContainer"> 
     <div class="col-sm-12 firstImage"> 
      <img src="myimage1.jpg"> 
     </div> 
     <div class="col-sm-12 secondImage"> 
      <img src="myimage2.jpg"> 
     </div> 
    </div> 
    <div class="col-sm-8 textContainer"> 
     <p>here we have some text</p> 
    </div> 
</div> 

것은 내가 좋아하는 것이 무엇 "textContainer"와 동일한 높이의 "imagesContainer"를 설정하고 첫 번째 이미지를 "imagesContainer"맨 위에, 두 번째 이미지를 "imagesContainer"의 맨 아래에 놓습니다. 크기를 조정하거나 늘리거나 심지어 텍스트를 넣을 때 나는 맨 위에 하나, 아래쪽에 하나, 그리고 둘 사이에 많은 공백을 항상 가질 것입니다.

는 당신의 도움을 주셔서 감사합니다

Answer 1

다음에 같은 부트 스트랩 클래스를 사용하십시오

이

<div class="col-sm-8 imagesContainer"> 
    <div class="col-sm-8 textContainer"> 

이

최종 해결책이 될 것입니다 :처럼 될 것

<div class="col-sm-4 imagesContainer"> 
    <div class="col-sm-8 textContainer"> 

변경 후

<div class="col-sm-12 mainContainer"> 
    <div class="col-sm-8 imagesContainer"> 
    <div class="col-sm-12 firstImage"> 
     <img src="myimage1.jpg"> 
    </div> 
    <div class="col-sm-12 secondImage"> 
     <img src="myimage2.jpg"> 
    </div> 
    </div> 
    <div class="col-sm-8 textContainer"> 
    <p>here we have some text</p> 
    </div> 
</div>