카드는 매우 넓습니다. 각 카드는 전체 웹 페이지 너비를 차지합니다. 카드는 나란히 놓이지 않습니다. 오히려 수평으로 배치됩니다. 이것은 놀라운, 무료, 응답 부트 스트랩 4 카드 예제 사용자 이름 `sepuckett86`와 CodePen 사용자에 의해 만들어진. 카드는 이미지와 텍스트만 있기 때문에 매우 간단해 보입니다. 즉, 그 안에 극소수의 요소가 있다는 것을 의미합니다. 이 카드에는 텍스트와 버튼 및 소셜 아이콘과 같은 기타 요소가 없습니다. 필요한 경우 추가할 수 있습니다. 부트스트랩 카드로 작업하는 방법을 알고 있다면 새로운 요소를 쉽게 추가할 수 있습니다. 이것은 놀라운, 무료, 응답 부트 스트랩 카드 템플릿, CodePen 사용자에 의해 만들어진.

이 예제에서는 9개의 카드 구성 요소를 제공합니다. 각 카드에는 제목, 이미지 및 카드 텍스트가 있습니다. 카드 텍스트를 클릭하면 표시됩니다. 각 카드 텍스트의 끝에는 사용자가 더 많이 읽을 수 있는 `자세히 보기` 링크를 클릭합니다. 아래의 `데모` 버튼을 클릭하여 이 카드를 자세히 살펴보세요. 이 템플릿이 마음에 드시면 `다운로드` 버튼을 클릭하여 다운로드할 수 있습니다. 이것은 니하르 Bheemanathi에 의해 만들어진 훌륭한 부트 스트랩 카드 템플릿입니다. 이 예제에서는 네 개의 카드를 보여 주십습니다. 각 카드에는 흥미로운 사진이 있습니다.

카드에노란색 `설정` 아이콘이 있습니다. 각 카드에는 제목과 텍스트가 있습니다. 이 템플릿에는 사용자 고유의 제목과 텍스트로 대체해야 하는 샘플 카드 제목및 텍스트가 있습니다. 부제목, 단추, 카드 머리글 및 바닥글과 같은 다른 카드 요소를 추가할 수도 있습니다. 부트스트랩 카드는 콘텐츠에 대한 컨테이너의 일종입니다. 텍스트, 이미지 등 다양한 종류의 콘텐츠를 표시할 수 있습니다. 링크, 카드 제목, 카드 헤더 및 바닥글 등을 포함할 수도 있습니다. 카드 구성 요소는 웹 사이트에 콘텐츠를 표시하기위한 놀랍고 유연한 구성 요소입니다. 부트스트랩 카드는 콘텐츠를 표시할 수 있는 유연성을 매우 유용하게 사용할 수 있습니다. 카드 구성 요소를 사용하면 너무 많은 디스플레이 옵션을 얻을 수 있습니다.

따라서 놀랍고 창의적인 방식으로 콘텐츠를 표시할 수 있습니다. 부트 스트랩 카드의이 종류는 제품을 전시하는 데 매우 유용합니다. 이러한 템플릿을 사용하여 포트폴리오 항목을 표시할 수도 있습니다. 스크린샷에서 볼 수 있듯이 콘텐츠 영역은 비어 있으므로 콘텐츠 영역에 텍스트를 추가해야 합니다. 이 템플릿에 사용되는 사진은 단지 샘플 이미지입니다. 이 카드에 적합한 이미지를 추가해야합니다. 이것은 Jens Grochtdreis, CodePen 사용자에 의해 만들어진 무료, 고품질 부트 스트랩 카드 예입니다. 스크린샷에서 볼 수 있듯이 카드에는 이미지, 제목, 하위 타이틀, 단추 및 링크가 포함되어 있습니다.

이 예제에서는 웹사이트에서 사용할 수 있는 다양한 카드를 보여 줍니다. 이것은 CodePen 사용자가 개발 한 멋진 부트 스트랩 템플릿입니다. 이러한 종류의 카드를 사용하여 전문가의 프로필을 표시할 수 있습니다. 다른 용도로도 사용할 수 있습니다. 사용자 지정 12열, 1360px 그리드를 사용하면 설계자가 각 페이지에서 사용 가능한 공간을 최대화할 수 있습니다. 무료 카드 UI 키트에는 쉽게 편집할 수 있는 두 개의 정교한 웹 글꼴이 함께 제공됩니다. 그래서, 당신은 갑판으로 무엇을 만들 것인가? 이 기사에서는 최고의 무료 부트 스트랩 카드 템플릿 목록을 제공합니다. 이러한 템플릿을 사용하여 최신 방식으로 콘텐츠를 표시할 수 있습니다. 이것은 매우 높은 품질, 무료, 부트 스트랩 카드 템플릿 제이크 스미스에 의해 개발, CodePen 사용자.

이 예제에서는 제목, 부제목, 텍스트 및 이미지가 있는 6개의 샘플 부트스트랩 카드를 제공합니다.