반응형 css trick & base25 반전모드 2024. 11. 3. d-flex flex-grow-1flex-grow: 1 !important (나머지 영역을 다내가 차지하겠다!) 2024. 11. 3. 테이블 넓이값 가로 반응형일경우 min-width: 2024. 11. 2. boostrap5 col Bootstrap의 반응형 그리드 시스템col-xxl-8: xxl는 "extra extra large"를 의미하며, 매우 큰 화면(최소 1400px 이상)에서 요소가 그리드의 12열 중 8열을 차지하도록 지정합니다.col-lg-8: lg는 "large"를 의미하며, 큰 화면(최소 992px 이상)에서 요소가 그리드의 12열 중 8열을 차지하도록 지정합니다.이 두 클래스를 함께 사용하면 화면의 크기에 따라 다른 스타일을 적용할 수 있습니다. 예를 들어:화면 크기가 992px 이상이고 1400px 미만인 경우, col-lg-8이 적용되어 요소는 8열의 너비를 가집니다.화면 크기가 1400px 이상인 경우, col-xxl-8이 적용되어 요소는 여전히 8열의 너비를 유지합니다. 2024. 11. 2. vscode extention 확장프로그램 #1. 기본프로그램Auto Rename Tag (여는태그 닫는태그 맞추기)Html to css autocompletion (html에서 만든 클래스 있으면 css입력시 자동으로 그 클래스 가져오기)indent-rainbow (들여쓰기 레인보우)live server (라이브서버)prettier - code formatter (코드이쁘게 정리)css peek (html에서 클래스 클릭하면 해당 css로 파일로 이동)svg (svg미리보기) #2. 사스live sass compilersass #3. 걸프 gulp tasks #4. 깃git graphgitLens=========================================== 사스 환경설정(세팅>settings.json) 걸프 환경설정 2024. 10. 26. 스켈레톤 skeleton Skeleton | Components | BootstrapVue 2024. 10. 25. 이전 1 2 3 4 5 다음 반응형
