씨스꿀 부트스트랩강좌/ 반응형 홈페이지 만들기 인강- 부트스트랩 반응형 홈페이지 제작 핵심 - BS/컴퓨터강좌= 디바이스크기에 자동 보이고 숨기기
본과정은 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강좌이다.
<body>
<div class="container">
<div class="row">
<div class="col-sm-6">col-sm-6</div>
<div class="col-sm-6">col-sm-6</div>
</div>
<div class="row">
<div class="col-xs-8">col-xs-8</div>
<div class="col-xs-4">col-xs-4</div>
</div>
<div class="row">
<div class="col-sm-8">col-sm-8</div>
<div class="col-sm-4">col-sm-4</div>
</div>
<div class="row">
<div class="col-md-8">col-md-8</div>
<div class="col-md-4">col-md-4</div>
</div>
<div class="row">
<div class="col-lg-8">col-lg-8</div>
<div class="col-lg-4">col-lg-4</div>
</div>
</div>
| 웹페이지를 제작하기 위한 html5, css3, jQuery에 대한 기본 지식이 있는자를 기본으로 하며 기본지식이 없어도 강의를 반복적으로 시청하며 따라할 수 있도록 제작하였다. |
<span>인라인요소</span>
<span class="text-primary show sr-only">인라인요소</span>
<span class="bg-danger">인라인요소</span>
<div class="img text-hide">2019년 새해 복 많이 받으세요</div>
<div class="col-xs-12 bg-info bo visible-xs">
디바이스 사이즈에서 보이고 숨기는 컨텐츠
<p>해당하는 요소는 스마트폰 사이즈 기기에서만 보임</p>
</div>
<div class="col-xs-12 bg-danger bo visible-sm">
디바이스 사이즈에서 보이고 숨기는 컨텐츠
<p>해당하는 요소는 타블렛 사이즈 기기에서만 보임</p>
</div>
<div class="col-xs-12 bg-warning bo visible-md">
디바이스 사이즈에서 보이고 숨기는 컨텐츠
<p>해당하는 요소는 작은모니터 사이즈 기기에서만 보임</p>
</div>
<div class="col-xs-12 bg-primary bo visible-lg">
디바이스 사이즈에서 보이고 숨기는 컨텐츠
<p>해당하는 요소는 큰 모니터 사이즈 기기에서만 보임</p>
</div>
<div class="col-xs-12 bg-info bo hidden-xs">
디바이스 사이즈에서 보이고 숨기는 컨텐츠
<p>해당하는 요소는 스마트폰 사이즈 기기에서만 숨김</p>
</div>
<div class="col-xs-12 bg-danger bo hidden-sm">
디바이스 사이즈에서 보이고 숨기는 컨텐츠
<p>해당하는 요소는 타블렛 사이즈 기기에서만 숨김</p>
</div>
<div class="col-xs-12 bg-warning bo hidden-md">
디바이스 사이즈에서 보이고 숨기는 컨텐츠
<p>해당하는 요소는 작은모니터 사이즈 기기에서만 숨김</p>
</div>
<div class="col-xs-12 bg-primary bo hidden-lg">
디바이스 사이즈에서 보이고 숨기는 컨텐츠
<p>해당하는 요소는 큰 모니터 사이즈 기기에서만 숨김</p>
</div>
엑셀, 파워포인트, 컴퓨터기초 및 활용, 컴퓨터자격증등
아래 링크 주소를 클릭하시면 저희 사이트를 둘러보실 수 있습니다.
금액도 1년 89,000원 , 2년 129,000 원으로 저희 사이트 전체 강좌를 수강 가능합니다.