>  기사  >  웹 프론트엔드  >  부트스트랩이 할 수 있는 일

부트스트랩이 할 수 있는 일

藏色散人
藏色散人원래의
2019-06-12 13:54:573330검색

Bootstrap은 프런트엔드 개발을 위해 Twitter에서 출시한 오픈 소스 툴킷입니다. 트위터 디자이너 Mark Otto와 Jacob Thornton이 개발한 CSS/HTML 프레임워크입니다.

부트스트랩이 할 수 있는 일

관련 추천: "bootstrap 비디오 튜토리얼"

bootstrap은 웹 페이지를 만들기 위한 프레임워크입니다(현재 가장 인기 있는 WEB 프론트 엔드 프레임워크). 즉, HTML 태그를 작성하고 클래스를 호출하기만 하면 됩니다. 고급 웹 페이지를 쉽게 빠르게 만들 수 있습니다. 호환성 문제에 대해 걱정할 필요가 없으며 선택할 수 있는 스타일이 많습니다!

예를 들어 웹사이트 네비게이션을 만들어야 하잖아요? 직접 작성한다면 코드를 많이 작성해야 하지만, 부트스트랩 프레임워크를 사용해서 작성한다면 HTML 태그와 수업 이름을 불러주세요!

기능:

웹사이트를 빠르게 작성하려면 제공되는 스타일과 구성 요소를 사용하세요.

정의된 클래스, 즉 클래스 이름을 참조하기만 하면 이미 매우 아름다운 스타일이 있고 Adaptive를 지원하는 웹 페이지를 만들 수 있습니다. 매우 좋은 프레임워크입니다.

간단히 말하면 웹 사이트 첫 페이지를 빠르게 구축하기 위한 오픈 소스 프로젝트(Jquery 기반)입니다. 관련 클래스, 태그 이름 등의 의미만 이해하면 되며, 페이지를 구축할 때 부트스트랩의 JS, CSS 등을 가져오면 해당 효과가 표시됩니다.

예: HTML 설명 : 약어 약어, 약어 위에 마우스를 올리면 전체 콘텐츠가 표시됩니다. Bootstrap은 HTML 요소에 대한 향상된 스타일을 구현합니다.

약어 요소에는 제목 속성이 있으며 모양은 더 밝은 점선 프레임으로 마우스를 그 위로 이동하면 "물음표"가 있는 포인터로 변합니다.

위의 효과를 내기 위해 단락 텍스트에 특정 단어나 문구가 필요한 경우 해당 형식으로 작성하면 됩니다. 추가 class="initialism"은 글꼴 크기를 작게 만드는 것입니다. 그렇지 않으면 필요하지 않습니다.

반면에, 부트스트랩이나 기타 유사한 프레임워크를 시도하지 않는다면 그러한 효과를 직접 작성해야 하며, 이는 개발하는 데 오랜 시간이 걸립니다. 또 다른 예는 비슷한 Jquery의 easyui입니다.

위 내용은 부트스트랩이 할 수 있는 일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.