반응형 리스트 메뉴 (부트스트렙 4.1)
( 운영자)
작성일 : 2020-07-19 오후 1:05:26/조회수 :367
<div class="row">
<div class="col-lg-4" style="border:1px solid red;background-color:#ddd">
<div class="navbar navbar-expand-lg" style="padding:0">
<div class="mr-auto">카데고리</div>
<div class="navbar-toggler" data-toggle="collapse" data-target="#testNav" >
button
</div>
</div>
<div class="navbar-expand-lg" >
<div class="collapse navbar-collapse" id="testNav">
<ul style="margin:0;padding:0">
<li>
1
</li>
<li>
2
</li>
<li>
3
</li>
<li>
4
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-8" style="border:1px solid red;background-color:#ddd">
Content
</div>
</div>
<div class="navbar navbar-expand-lg" style="position:fixed;z-index:99;bottom:5px;right:3%">
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#testNav" >
<span> menu </span>
</button>
</div>