이미지 1 3
이는 Bootstrap 잠재력의 시작일 뿐입니다. 버튼 그룹, 탭, 경고 및 진행률 표시줄은 모두 몇 줄의 코드로 구현할 수 있습니다. 프레임워크는 정교한 테이블, 양식, 확장 가능한 텍스트 영역 등을 구축하기 위한 도구도 제공합니다. 공식 Bootstrap 사이트에서 이러한 모든 구성 요소에 대한 설명과 사용 방법의 예를 찾을 수 있습니다. 더욱 모험을 즐기고 싶다면 Bootstrap에 대한 다양한 타사 확장 기능이 있습니다(아래 타사 스니펫 참조). 모두 표준 웹 기술을 기반으로 하기 때문에 Bootstrap을 확장하고 구축할 수 있는 방식에는 제한이 없습니다.
영감 찾기
Bootstrap은 초보자를 위한 훌륭한 도구이지만 모든 종류의 주류 웹사이트와 앱을 구동할 만큼 충분히 능력이 있습니다. 그만큼 사랑의 부트스트랩 웹사이트에는 Fender Guitars, StumbleUpon, Jamie Oliver 및 기타 160개 이상의 예를 포함하여 Bootstrap에서 실행되는 전문 사이트가 나와 있습니다. 또한 어떤 사이트에서 어떤 Bootstrap 구성 요소를 사용하고 있는지에 대한 기술 정보를 찾아 자신의 창작물에 대한 영감을 찾는 데 도움이 될 수 있습니다.
두 번째 사이트, 부트스트랩으로 구축, 더 작은 사이트를 보여줍니다. 여기에는 무료 온라인 여론조사 메이커가 포함됩니다. 폴레이터; 나를 위해 이 트위터 계정을 시청하세요, 만료된 명명 계정을 찾기 위해 Twitter를 검색합니다. 그리고 비주얼 인포머, 뉴스피드 수집기입니다.
제3자 스니펫
Bootstrap에는 유용한 구성 요소와 스타일이 많이 포함되어 있으며 무료로 제공되는 타사 스타일, 구성 요소 및 코드 조각을 사용하여 더욱 확장할 수 있습니다.
부츠닙 에는 지불 양식부터 로그인, 가격표 및 캐러셀에 이르기까지 상업 친화적인 기능을 지원하는 62개의 Bootstrap용 무료 HTML 스니펫이 있습니다. 우리는 특히 Bootstrap 진행률 표시줄 구성 요소를 창의적으로 사용하는 Poll을 좋아합니다. 이를 사용하려면 코드를 Bootstrap 지원 페이지에 붙여넣고 이에 따라 레이블을 수정하면 됩니다.
부츠워치 표준 부트스트랩 모양을 대체할 무료 CSS 파일을 제공하여 미학에 더 중점을 둡니다. 다양한 Bootstrap 테마도 다음에서 제공됩니다. 부트스트랩 무료, 여기에는 5개의 일반적인 페이지가 포함됩니다. 테마 중 하나를 다운로드하고 콘텐츠를 맞춤 설정한 후 시작하세요.
방문자가 사이트를 탐색하는 데 도움이 되는 그림 문자를 원할 경우 Font Awesome에서 249개 컬렉션을 제공합니다. 아이콘 - 모든 벡터이므로 어떤 크기에서도 잘 보입니다. 다음을 사용하여 색상과 그림자로 스타일을 지정할 수 있습니다. CSS. 사용 방법에 대한 지침을 보려면 사이트 상단의 통합 링크를 클릭하세요. 설정이 완료되면 적절한 클래스로 태그를 지정하는 것만큼 쉽게 아이콘을 사용할 수 있습니다.
살펴볼 가치가 있는 다른 리소스로는 버튼 생성을 위한 슬라이더 기반 CSS 생성기가 있습니다. 텍스트 편집 창을 생성하기 위한 wysiwg 편집기; 그리고 타이포그래피, 버튼, 양식 및 표와 같은 요소에 대한 모든 HTML 및 CSS 스타일을 포함하는 Facebook iFrame 앱 개발 속도를 높이기 위해 설계된 툴킷인 Fbootstrapp이 있습니다.
마지막으로, 웃어 보시겠어요? Bootstrap용 Geo를 확인하고 90년대로 돌아가보세요. 이 테마는 표준 시각적 스타일을 재정의하여 부트스트랩 창작물로 거의 인식할 수 없는 복고풍 페이지를 만듭니다.
