728x90 반응형 bootstrap카드1 9. 정보를 더 깔끔하게! Bootstrap 카드와 리스트 그룹 활용하기 안녕하세요! 오늘은 웹페이지에서 정보를 깔끔하게 정리할 수 있는 Bootstrap의 카드와 리스트 그룹 컴포넌트에 대해 알아보려고 해요. 카드는 내용, 이미지, 버튼 등을 한 영역에 정리하여 보여줄 수 있는 컴포넌트로, 다양한 정보를 시각적으로 정리하는 데 유용합니다. 리스트 그룹은 여러 항목을 나열하거나 정리할 때 깔끔하게 활용할 수 있죠. 이 글에서는 카드 컴포넌트 기본 구조, 이미지 포함 카드, 리스트 그룹 활용 방법을 다루어 보겠습니다.1. 카드 컴포넌트 구조Bootstrap의 카드 컴포넌트는 card 클래스를 사용해 구성할 수 있으며, card-body, card-title, card-text 등을 사용해 내용을 정리할 수 있습니다. 카드 구조를 간단한 예제로 만들어보겠습니다. 카드 .. 2024. 11. 12. 이전 1 다음 728x90