css grid? 부트스트랩? 질문입니다.
본문
이런것까지 질문드리기가 부끄럽습니다만, 아무리 찾아도 해결할 수가 없어서 이렇게 질문드립니다.
부트스트랩?으로 페이지 레이아웃을 잡고 있습니다.
구현하고 싶은 레이아웃은 아래의 그림처럼
Right 1, Right2의 높이 만큼 Left의 높이가 되었으면 하는 것인데요...
실제 해보면 아래의 그럼처럼 됩니다.
코딩은 이렇게 했습니다. 첫번째 그림처럼 오른쪽 Right의 높이만큼 Left의 높이가 되려면 어떻게 코딩을 해야할까요?
<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>
답변 2
버전의 문제였군요...답변 감사드립니다.^^
<div class="col-md-2" style="background-color:#efefef;border:1px dotted gray;border-radius:10px;hegiht:200px">
left area
</div>
오른쪽 div 영역의 텍스트 길이가 변하는 거에 맞춰서 left쪽도 같이 늘어나야 해서요...
답변을 작성하시기 전에 로그인 해주세요.