사이트 내 전체검색

HTML

bootstrap 4.x 기본 사용

페이지 정보

작성자 허니무스 댓글 0건 조회 514회 작성일 23-07-18 11:04

본문

<!-- full width -->

<div class="container-fluid">

<div class="row" >

<div class="col-6 col-sm-6 col-md-7 col-lg-7">

</div> 

<div class="col-6 col-sm-6 col-md-5 col-lg-5">

</div> 

<div class="clearfix"></div>

</div>

</div>


<!-- 부트스트랩 화면 사이즈 별 순서 변경 -->

<div class="col-12 col-sm-12 col-md-6 col-lg-6 order-last order-sm-last  order-md-first order-lg-first">
contents
</div>

<!-- OFFSET 설정 -- >
<div class="col-10 col-sm-10 col-md-10 col-lg-10 offset-1 offset-sm-1 offset-md-1 offset-lg-1">
</div>
 
<!-- 화면 사이즈 별 내용 보여주기 모바일 none, md, lg 사이즈 보이기 -->
<div class="col-md-6 col-lg-6 d-none d-md-block d-lg-block">
</div>
 

댓글목록

등록된 댓글이 없습니다.


CE.M
Copyright © calcevery.me. All rights reserved.
login