테스트 사이트 - 개발 중인 베타 버전입니다

css grid? 부트스트랩? 질문입니다. 채택완료

지율아빠 3년 전 조회 1,537

이런것까지 질문드리기가 부끄럽습니다만, 아무리 찾아도 해결할 수가 없어서 이렇게 질문드립니다.

 

부트스트랩?으로 페이지 레이아웃을 잡고 있습니다.

 

구현하고 싶은 레이아웃은 아래의 그림처럼

Right 1, Right2의 높이 만큼 Left의 높이가 되었으면 하는 것인데요... 

 

실제 해보면 아래의 그럼처럼 됩니다.

 

코딩은 이렇게 했습니다. 첫번째 그림처럼 오른쪽 Right의 높이만큼 Left의 높이가 되려면 어떻게 코딩을 해야할까요?

 

</p>

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

<p>    <div class="col-md-2" style="background-color:#efefef;border:1px dotted gray;border-radius:10px;">

        left area

    </div>

    <div class="col-md-10">

        <div class="col-md-10" style="border:1px dotted gray;border-radius:10px;">

            <span style="text-align:center;"><h2>right 1</h2></span>

        </div>    

        <div class="col-md-10" style="border:1px dotted gray;border-radius:10px;">

            <span style="text-align:center;"><h2>right 2</h2></span>

        </div>    

    </div></p>

<p></div></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
3년 전

BS3에서 생기는 문제인데, BS4이상으로 업그레이드 해보세요.

https://stackoverflow.com/questions/19695784

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

지율아빠
3년 전
버전의 문제였군요...답변 감사드립니다.^^

댓글을 작성하려면 로그인이 필요합니다.

e
3년 전

   

hegiht:200px">         left area    

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

지율아빠
3년 전
오른쪽 div 영역의 텍스트 길이가 변하는 거에 맞춰서 left쪽도 같이 늘어나야 해서요...

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인