보관함

bootstrap에서 bootstrap-select 사용할때 상위에 있는 table-responsive때문에 dropdown이 짤려 보일때 사용하는 css

.css

/* table-responsive의 높이가 짧을때 dropdown-menu가 짤리는 문제 해결 */ @media (max-width: 767px) { .table-responsive .dropdown-menu { position: static !important; } }

Youtube를 페이지 너비에 맞출때

.css

.player { margin-bottom: 20px; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .player .youtube { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.html

<label>Youtube</label> <div class=”player”> <div id=”player[0]” class=”youtube”></div> </div>

.js

<script> var player = new Array(); var id = YouTubeGetID($(‘#fd_strYoutubeUrl’).val()); // Youtube key player[0].loadVideoById(id); </script> […]

media query Size

부트스트랩의 그리드 class .col-xl- (초대형 장치) .col-lg- (대형 장치 – 화면 너비가 1200 px 미만) .col-md- (중간 크기 장치 – 화면 너비가 992px 미만) .col-sm- (소형 장치 – 화면 너비가 768px 미만) .col- (소형 장치 – 화면 너비가 576px 미만) .col (기본값 – 자동으로 반응) 기본 – 데스크탑 @media (min-width: 1281px) – 랩탑, 데스크탑 […]