b Bootstrap 3

[grid] BS3 - grid CSS (BS그리드CSS = BS반응형CSS = BS노출CSS) + BS프린트클래스 ★★★★★

1,014

BS 반응형 Hidden Visible 클래스

Class	Extra Small (<768px)	Small (≥768px)	Medium (≥992px)	Large (≥1200px)
.visible-xs-block .visible-xs-inline .visible-xs-inline-block	Visible	Hidden	Hidden	Hidden
.visible-sm-block .visible-sm-inline .visible-sm-inline-block	Hidden	Visible	Hidden	Hidden
.visible-md-block .visible-md-inline .visible-md-inline-block	Hidden	Hidden	Visible	Hidden
.visible-lg-block .visible-lg-inline .visible-lg-inline-block	Hidden	Hidden	Hidden	Visible
.hidden-xs	Hidden	Visible	Visible	Visible
.hidden-sm	Visible	Hidden	Visible	Visible
.hidden-md	Visible	Visible	Hidden	Visible
.hidden-lg	Visible	Visible	Visible	Hidden

PS.

BS v.3.2.0 변경사항 (Amina빌더: BS v3.2.0)
① .visible-xs, .visible-sm, .visible-md , .visible-lg 클래스 폐기예고. (단, table 관련 요소 토글링엔 사용)
② visible-기기-diplay성질 형식 클래스로 대체됨.

visible의 Display 상태별 CSS

클래스	CSS display
.visible--block (기존: .visible-)	display: block;
.visible-*-inline	display: inline;
.visible-*-inline-block	display: inline-block;

Print Class (프린트 클래스)

클래스	브라우저	프린트
.visible-print-block .visible-print-inline .visible-print-inline-block	Hidden	Visible
.hidden-print	Visible	Hidden

BS v.3.2.0 변경사항

.visible-print 클래스는 BS v3.2.0 부터 폐기예고되고, .visible-print-block 클래스로 대체됨.

.visible-print 클래스 <table> 관련 요소처럼 특수한 경우엔 여전히 사용.

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

Bootstrap 3 관련글

Bootstrap 4 관련글

Bootstrap 5 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

JavaScript 관련글

JQuery 관련글

PHP 관련글

SQL 관련글

코멘트입력

검색목록 목록 글쓰기


분류	제목



grid	BS3 - Grid (그리드) - 반응형 레이아웃 ★★★

grid	BS3 - Grid (.container / .container-fluid) - 그리드 (박스형/와이드형)

grid	BS3 - Grid - Small (BS그리드 소형기기 이상) - col-sm-숫자

grid	BS3 - Grid - Medium (BS그리드 중형기기 이상) - col-md-숫자

grid	BS3 - Grid - Large (BS그리드 대형기기 이상) - col-lg-숫자

grid	BS3 - Grid Examples (그리드 예제) ★★★★★

grid	BS3 - grid CSS (BS그리드CSS = BS반응형CSS = BS노출CSS) + BS프린트클래스 ★★…