집 >웹 프론트엔드 >부트스트랩 튜토리얼 >부트스트랩이 유용합니까?
Bootstrap에 대해 더 알고 싶다면 다음을 클릭하세요. Bootstrap Tutorial
Bootstrap은 Twitter에서 출시한 프런트 엔드 개발용 오픈 소스 툴킷입니다. CSS/HTML 프레임입니다. 트위터 디자이너 Mark Otto와 Jacob Thornton이 개발했습니다. Bootstrap은 동적 CSS 언어 Less로 작성된 우아한 HTML 및 CSS 사양을 제공합니다. Bootstrap은 출시 이후 큰 인기를 끌었으며 NASA의 MSNBC(Microsoft National Broadcasting Company) Breaking News를 포함하여 GitHub에서 인기 있는 오픈 소스 프로젝트였습니다.
웹 페이지 제작을 위한 프레임워크(현재 가장 널리 사용되는 WEB 프론트 엔드 프레임워크)입니다. 즉, HTML 태그를 작성하고 해당 클래스를 호출하기만 하면 고급 웹 페이지를 빠르게 만들 수 있다는 의미입니다. 호환성 문제에 대해 걱정할 필요가 없습니다. 선택할 수 있는 스타일이 다양합니다!
예를 들어 웹사이트 네비게이션을 만들어야 하잖아요? 직접 작성한다면 코드를 많이 작성해야 하지만, 부트스트랩 프레임워크를 사용해서 작성한다면 HTML 태그만 작성하고 수업 이름을 불러주세요!
기능:
제공하는 스타일과 구성 요소를 사용하여 웹 사이트를 빠르게 작성하세요
정의된 일부 클래스, 즉 클래스 이름만 참조하면 이미 매우 아름다운 스타일이 있는 웹 페이지를 만들 수 있습니다. . 또한 자기 적응을 지원하며 매우 좋은 프레임워크입니다.
============================================== == ============================
간단히 말하면 Jquery 기반의 오픈 소스 프로젝트입니다. 웹 사이트의 프런트 엔드 페이지를 구축합니다. 관련 클래스, 태그 이름 등의 의미만 이해하면 되며, 페이지를 구축할 때 부트스트랩의 JS, CSS 등을 가져오면 해당 효과가 표시됩니다.
예: HTML 설명: 약어; 약어 및 약어 위에 마우스를 올리면 전체 내용이 표시됩니다. Bootstrap은 HTML 요소의 향상된 스타일을 구현합니다. 약어 요소에는 제목 속성이 있으며 밝은 점선 프레임으로 나타납니다. 마우스를 그 위로 이동하면 "물음표"가 있는 포인터로 변합니다. 위의 효과를 내기 위해 단락 텍스트에 특정 단어나 문구가 필요한 경우 해당 형식으로 작성하면 됩니다. class="initialism"을 추가하면 글꼴 크기가 작아지거나 필요하지 않습니다. 반면에, 부트스트랩이나 기타 유사한 프레임워크를 시도하지 않는다면 그러한 효과를 직접 작성해야 하며, 이는 개발하는 데 오랜 시간이 걸립니다. 또 다른 예는 비슷한 Jquery의 easyui입니다.
bootstrap 장점과 단점
장점: 1. 최근 Bootstrap4가 최신 웹 기술 개발에 맞춰 box-flex 레이아웃 및 기타 업데이트와 함께 개선되었습니다.
2. 비교적 성숙했으며 많은 프로젝트에서 완벽하게 사용되고 테스트되었습니다.
3. 완벽한 문서가 있어 사용이 더 편리합니다.
4. 구성 요소 스타일이 다양하며 사용자 정의가 가능합니다.
단점: 1. 특별한 요구 사항이 있는 경우 스타일을 다시 맞춤 설정해야 하며, 이로 인해 중복 코드가 생성되고 열기 시간이 더 많이 소모됩니다. 사용자 경험이 좋지 않습니다.
2. 인터넷상에서 IE와 호환되는 방법은 많지만(IE6, 7, 8, 9, 10은 거의 없어졌지만, 중국에서는 여전히 많은 사람들이 사용하고 있습니다) 호환성을 얻으려면 다른 파일을 도입해야 합니다. 일부 파일은 여전히 작기 때문에 필연적으로 로딩 속도가 느려지고 사용자 경험에 영향을 미칩니다.
위 내용은 부트스트랩이 유용합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!