반응형

HTML & CSS/Bootstrap 2

[Bootstrap] 수직정렬: Vertical alignment

부트스트랩(bootstrap4 & bootstrap5)에는 inline, inline-block, inline-table, and table cell 요소일 때, 수직 정렬(vertical alignment)을 손쉽게 바꿀 수 있는 기능이 있습니다. 대표적인 inline 요소로는 span 태그가 있습니다. 필자는 테이블 작업을 할 때, vertical alignment를 자주 사용합니다. 특히, 테이블의 셀(cell)에 담긴 글자(text)나 숫자, 그림(image) 등이 셀의 중앙이 아닌 위쪽에 배치되는 경우 요긴하게 사용할 수 있습니다. 단, vertical alignment는 block 요소에는 적용되지 않습니다. 대표적인 block 요소로는 div 태그 등의 시멘틱(semantic) 태그들이 있으..

[BS] Bootstrap 시작하기

"쉽게" ≪ 왕초보자용 ≫ "쉽게" 그래서, 부트스트랩 사용하려면 어떻게 해야하는 거야? 역시나 엄청 쉽습니다. 복사 붙여넣기, 끝! 1. 공식 홈페이지 접속: https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com (※ 꿀팁 - "북마크" 설정해두시면 편합니다.) 2. 설치 대신 CDN CDN은 "Content Delivery Network"의 약자로, 한글로 풀면 "콘텐츠 전송 네트워크"라는 뜻입니다. 쉽게 얘기해서, 부트스크랩을 내 컴퓨터나 어플리케이션에 직접 설치하지 않고, "인터넷(네트워크)으로 끌어다 쓰겠다"는 소립니다. 깔끔합니다. 3. CDN 얻는 방..