css grid? 부트스트랩? 질문입니다.

지율아빠

프로필 보기 이 회원 글보기 이 회원의 댓글보기

3년 전 1,668

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

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

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

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

31913733_1653915470.2295.png

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

31913733_1653915548.656.png

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

Copy

<div class="row">

    <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>

</div>

layout