>  기사  >  웹 프론트엔드  >  부트스트랩은 어디에 사용되나요?

부트스트랩은 어디에 사용되나요?

angryTom
angryTom원래의
2019-08-01 14:46:443376검색

부트스트랩은 어디에 사용되나요?

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

  웹 페이지 제작을 위한 프레임워크(현재 가장 널리 사용되는 WEB 프론트 엔드 프레임워크)입니다. 즉, HTML 태그를 작성하고 해당 클래스를 호출하기만 하면 고급 웹 페이지를 빠르게 만들 수 있다는 의미입니다. 호환성 문제에 대해 걱정할 필요가 없습니다. 선택할 수 있는 스타일이 다양합니다!
 예를 들어 웹사이트 네비게이션을 만들어야 하잖아요? 직접 작성한다면 코드를 많이 작성해야 하지만, 부트스트랩 프레임워크를 사용해서 작성한다면 HTML 태그만 작성하고 호출하면 되겠죠? 수업 이름!

 Bootstrap에 대해 더 알고 싶다면 다음을 클릭하세요: Bootstrap Tutorial

기능:

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

몇 가지만 인용하면 됩니다. 정의 클래스, 즉 클래스 이름을 사용하면 매우 아름다운 스타일의 웹 페이지를 만들 수 있으며, 자체 적응도 지원하므로 매우 좋은 프레임워크입니다.

 간단히 말하면: 웹 사이트 첫 페이지를 빠르게 구축하기 위한 오픈 소스 프로젝트(Jquery 기반)입니다. 관련 클래스, 태그 이름 등의 의미만 이해하면 되며, 페이지를 구축할 때 부트스트랩의 JS, CSS 등을 가져오면 해당 효과가 표시됩니다.
예: HTML 설명: 약어; 약어 및 약어 위에 마우스를 올리면 전체 내용이 표시됩니다. Bootstrap은 HTML 요소의 향상된 스타일을 구현합니다. 약어 요소에는 제목 속성이 있으며 밝은 점선 프레임으로 나타납니다. 마우스를 그 위로 이동하면 "물음표"가 있는 포인터로 변합니다. 위의 효과를 내기 위해 단락 텍스트에 특정 단어나 문구가 필요한 경우 해당 형식으로 작성하면 됩니다. class="initialism"을 추가하면 글꼴 크기가 작아지거나 필요하지 않습니다. 반면에, 부트스트랩이나 기타 유사한 프레임워크를 시도하지 않는다면 그러한 효과를 직접 작성해야 하며, 이는 개발하는 데 오랜 시간이 걸립니다. 또 다른 예는 비슷한 Jquery의 easyui입니다.

부트스트랩 파일 패키지에 대한 간략한 소개

파일 이름:

bootstrap.css
bootstrap.min.css
bootstrap-responsive.css
bootstrap-responsive.min.css
bootstrap.js
bootstrap.min.js

설명:

bootstrap.css 是完整的bootstrap样式表,未经压缩过的,可供开发的时候进行调试用
bootstrap.min.css 是经过压缩后的bootstrap样式表,内容和bootstrap.css完全一样,但是把中间不必要的空格之类的东西都删掉了,所以文件大小会比bootstrap.css小,可以在部署网站的时候引用,如果引用了这个文件,就没必要引用bootstrap.css了
bootstrap-responsive.css 这个是在对bootstrap框架应用了响应式布局之后所需要的CSS样式表,如果你的网站项目不准备做响应式设计,就不需要引用这个CSS。
bootstrap-responsive.min.css 和bootstrap.min.css的作用是一样的,是bootstrap-responsive.css的压缩版
bootstrap.js 这个是bootstrap的灵魂所在,是bootstrap的所有js指令的集合,你看到bootstrap里面所有的js效果,都是由这个文件控制的,这个文件也是一个未经压缩的版本,供开发的时候进行调试用
bootstrap.min.js 是bootstrap.js的压缩版,内容和bootstrap.js一样的,但是文件大小会小很多,在部署网站的时候就可以不引用bootstrap.js,而换成引用这个文件了~~

위 내용은 부트스트랩은 어디에 사용되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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