[grid] BS3 - grid CSS (BS그리드CSS = BS반응형CSS = BS노출CSS) + BS프린트클래스 ★★★★★ 홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1,007 이전글  다음글  목록  글쓰기 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.   1. BS v.3.2.0 변경사항 (Amina빌더: BS v3.2.0) ① .visible-xs, .visible-sm, .visible-md , .visible-lg 클래스 폐기예고. (단, table 관련 요소 토글링엔 사용) ② visible-기기-diplay성질 형식 클래스로 대체됨.   2. 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 관련글 BS3 - grid CSS (BS그리드CSS = BS반응형CSS = BS노출CSS) + BS프린트클래스 ★★★★★ BS3 - Grid - Large (BS그리드 대형기기 이상) - col-lg-숫자 BS3 - Grid - Medium (BS그리드 중형기기 이상) - col-md-숫자 BS3 - Grid - Small (BS그리드 소형기기 이상) - col-sm-숫자 Bootstrap 4 관련글 BS4 - Grid Example (BS그리드 예제) ★ BS4 - Grid Extra Large (BS그리드 초대형기기) - .col-xl-숫자, .col-xl 클래스 BS4 - Grid Large (BS그리드 대형기기) - .col-lg-숫자, .col-lg 클래스 BS4 - Grid Medium (BS그리드 중형기기) - .col-md-숫자, .col-md 클래스 BS4 - Grid Small (BS그리드 소형기기) - .col-sm-숫자, .col-sm 클래스 BS4 - Grid Extra Small (BS그리드 초소형기기) - .col-숫자, .col 클래스 BS4 - Grid Stacked-to-horizontal (BS그리드 수직정렬 → 수평정렬) BS4 - Grid (BS그리드) - 반응형 레이아웃 ★★★ BS4 - Grid (BS그리드) Bootstrap 5 관련글 BS5 - Grid Example (BS그리드 예제) ★ BS5 - Grid XXL (BS그리드 초초대형기기) - .col-xxl-숫자, .col-xxl 클래스 BS5 - Grid Extra Large (BS그리드 초대형기기) - .col-xl-숫자, .col-xl 클래스 BS5 - Grid Large (BS그리드 대형기기) - .col-lg-숫자, .col-lg 클래스 BS5 - Grid Medium (BS그리드 중형기기) - .col-md-숫자, .col-md 클래스 BS5 - Grid Small (BS그리드 소형기기) - .col-sm-숫자, .col-sm 클래스 BS5 - Grid Extra Small (BS그리드 초소형기기) - .col-숫자, .col 클래스 BS5 - Grid Stacked-to-horizontal (BS그리드 수직정렬 → 수평정렬) BS5 - Grid (BS그리드) - 반응형 레이아웃 ★★★ BS5 - Grid (BS그리드) 코딩동강 관련글 HTML 관련글 CSS 관련글 JavaScript 관련글 JQuery 관련글 PHP 관련글 SQL 관련글 코멘트입력 비밀글 입력 특수문자 이전글  다음글  목록  글쓰기

전체 basic grid theme quiz BS_bookmark 분류 제목 basic BS3 - HOME (소개) - BS3 vs BS4 차이 (= BS차이) basic BS3 - Start (시작) ★ - BS다운 / BSCDN / BS구문 basic BS3 - Grid (그리드) ★★★ - (BS3그리드 vs BS4그리드) basic BS3 - Text/Typography(BS글자 = BS텍스트) (= BS4글자 vs BS3글자) BS글자색 basic BS3 - Table (BS테이블) - 테이블테두리 + 테이블배경색 + 반응형테이블 basic BS3 - Image (BS이미지) - 반응형이미지 + 반응형동영상 + 이미지정렬 basic BS3 - Jumbotron/page-header (BS점보트론 / BS페이지헤더) - 큰글씨, 글자키우기 basic BS3 - Well (BS웰 = BS회색상자) ★ - BS회색배경상자 (= BS회색박스 = BS웰클래스) basic BS3 - Alert (BS경고 = BS얼럿 = BS경보) - 배경색 + 글자색 + 링크색 + 닫기 + 애니… basic BS3 - Button (BS버튼) ★ - 버튼색깔 + 버튼크기 + 버튼활성화 + 버튼비활성화 basic BS3 - Button Group (BS버튼그룹) ★ basic BS3 - Icon (아이콘) - Glyphicon/Font Awesome/Google Material De… basic BS3 - Progress Bar (BS진행바 = BS진행상태표시 = BS진도바 = BS프로그레스바) - I… basic BS3 - Pagination (BS페이징 = BS페이지번호 = BS페이징 = BS패지네이션) + Bread… basic BS3 - Pager (BS페이저) - 이전페이지/다음페이지 (= 앞으로가기/뒤로가기) 1/4 제목 내용 제목+내용 회원아이디 회원아이디(코) 이름 이름(코) and or 검색 검색 목록 제목 내용 제목+내용 회원아이디 회원아이디(코) 이름 이름(코) and or 검색