이 기사는 Bootstrap이 널리 순환되는 11 가지 이유를 요약합니다. 트위터 부트 스트랩을 아직 사용하지 않았다면 더 자세히 알아 보는 것이 좋습니다. 나는 최근에 무언가를 발견했지만 더 나은 소식이 있습니다. 이틀 전에 Microsoft에서 발표 한 VS2013의 공식 버전에서 Bootstrap 3.0의 버전이 추가되었습니다. Microsoft조차도 부트 스트랩의 힘을 보았고 실제로는 매우 좋습니다. 그래서 나는 그것을 배워야합니다. 다음은 VS2013 업데이트에 대한 간단한 소개입니다. 관심이 있으시면 Visual Studio 2013 업데이트 컨텐츠 소개를 살펴볼 수 있습니다.
부트 스트랩이 대다수의 사람들이 사랑받는 이유는 무엇입니까?
1. 시간을 절약하십시오
부트 스트랩을 사용하면 돈을 벌 수있는 더 많은 시간이 있습니다. 부트 스트랩 라이브러리에는 웹 사이트에 활력을 더하는 많은 기성품 코드 스 니펫이 포함되어 있습니다. 웹 개발자는 더 이상 코딩에 시간과 노력을 할 필요가 없으며 올바른 코드를 찾고 올바른 위치에 삽입하면됩니다. 또한 CSS는 덜 사용하여 작성되었으며 많은 스타일과 디자인이 설계되었습니다.
2. 사용자 정의
부트 스트랩의 중요한 측면 중 하나는 직접 가져갈 수 있다는 것입니다. 프레임 워크의 필요한 부분을 남겨두고 원치 않는 부분을 버릴 수 있습니다. 부트 스트랩을 사용하면 필요에 따라 개발 한 프로젝트를 조정할 수 있습니다.
3. 디자인 요인
그리드 시스템
페이지를 배치 할 때는 종종 적절한 그리드가 있어야합니다. 반드시 플랫폼의 그리드를 사용하지는 않지만 작업하기가 훨씬 덜 어렵습니다. 기본 모드에서 플랫폼은 16 열 그리드 (너비는 960px)를 제공합니다. 각 열은 너비가 40px이며 각 열에는 왼쪽과 오른쪽에 10px 간격이있어 각 그리드의 가장 바깥쪽에 20px 블랭크가 남습니다. 필요에 따라 행 수와 간격 크기를 변경할 수 있습니다. 스타일이 개발되었으며 개발자는 적절한 코드를 HTML의 적절한 위치에만 넣어야합니다.
더 적은
개발주기 동안 덜 널리 사용됩니다. CSS를 기반으로 한 높은 수준의 언어이며, 그 목적은 CSS 개발을보다 유연하고 강력하게 만드는 것입니다. Less 's Mixins 및 CSS 작업을 사용하여 임베디드 메쉬를 사용자 정의 할 수 있습니다. Bootstrap은 모든 웹 사이트에 통합 브라우징 경험을 제공하기 위해 많은 수의 인기있는 CSS3 기능을 채택합니다.
자바 스크립트
Bootstrap은 기본 아키텍처 및 스타일을 넘어서는 JavaScript 라이브러리를 제공합니다. 부트 스트랩을 통해 개발자는 창 경고 상자, 툴팁 박스, 스크롤 막대, 버튼 등을 쉽게 작동 할 수 있습니다. 부트 스트랩에서 눈에 띄는 것은 걱정할 필요없이 스크립트를 쓸 수 있다는 것입니다.
4. 일관성
Twitter 가이 도구를 개발 한 주된 이유는 개발자가 다른 브라우저 중에서 개발 한 프로젝트 간의 불일치 때문입니다. 이로 인해 프론트 엔드 개발과 최종 사용자 인터페이스 사이의 많은 문제가 발생합니다. Bootstrap은 다른 플랫폼에서 인터페이스의 통일성을 보장합니다. IE, Chrome 및 Firefox에서는 통합 인터페이스를 볼 수 있습니다.
5. 지속적인 업데이트를 유지하십시오
예를 들어 jQuery의 UI를 사용하십시오 : 1 년에 한 번 업데이트되었습니다. 부트 스트랩은 지속적으로 개선되고 더 규칙적이고 지속적입니다. 웹 개발자가 새로운 문제를 발견하자마자 부트 스트랩 팀은 즉시 문제를 해결하기 시작했습니다.
6. 통합하기 쉽습니다
완성 된 웹 사이트를 추가로 개선하려면 Bootstrap이 도움이 될 수 있습니다. 예를 들어, 자체 작성 테이블 스타일을 사용하려면 스타일을 CSS 스타일 파일에 복사하는 것입니다. Bootstrap은 즉시 자체적으로 스타일링됩니다. 여기서 파일을 Twitter와 연결해야합니다. 통합 프로세스는 매우 간단하고 편리하며 빠릅니다. 완료되면 디자인을 핵심 콘텐츠에 적용 할 수 있습니다.
7. 반응
부트 스트랩은 반응 형 프레임 워크입니다. 개발 작업이 노트북에서 iPad 또는 iPad에서 Mac으로 전송되는지 여부에 관계없이 작업에 대해 걱정할 필요가 없습니다. 부트 스트랩은 매우 빠른 특급 전달 및 효율로 다른 플랫폼 간의 차이에 적응할 수 있기 때문입니다.
8. 미래 기술과의 호환성
Bootstrap에는 HTML5 및 CSS3과 같은 많은 특수 요소가 포함되어 있으며, 이는 미래의 디자인이라고합니다. 이 프레임 워크는 설계 및 개발의 미래를 고려하기 때문에 향후 몇 년 동안 웹 개발자의 참조 표준이 될 가능성이 있습니다.
9. 경쟁력
부트 스트랩은 jQuery UI, HTML5 보일러 플레이트 등과 같은 유일한 프론트 엔드 개발 프레임 워크는 아닙니다. Bootstrap 2는 새로운 도구 세트를 추가했으며 기초를 채우는 데 오랜 시간이 걸렸습니다. Bootstrap에는 파운데이션이없는 많은 타사 플러그인, 테마, 기능적 기능, 코드 등이 포함되어 있습니다.
10. 자세한 설명
Bootstrap의 문서는 매우 훌륭합니다. 대부분의 새로운 플랫폼에는 종종 적절한 문서가 없으며 Bootstrap의 문서는 우리가 이에 대해 배우는 데 큰 도움이됩니다. 필요한 모든 정보는 문서를 통해 찾을 수 있습니다.
11. 보스에게 도움이됩니다
학습 부트 스트랩은 아키텍처로 모든 모듈 식 접근법을 캡슐화하기 때문에 많은 시간이 걸리지 않습니다. 보스의 관점에서 볼 때 웹 개발자에게 부트 스트랩 프레임 워크를 제공하면 학습에 더 많은 시간을 절약하고 작업에 빠르게 투자합니다. 이것은 보스들에게 더 나은 혜택을 가져다 줄 것입니다.
Bootstrap이 정말 도움이된다면 Twitter.github.com/bootstrap/에서 프레임 워크를 확인할 수 있습니다. 컴파일 된 버전을 다운로드하거나 CSS 및 JavaScript 문서가 포함 된 부트 스트랩 소스 파일을 가져올 수도 있습니다.
시각적 경험
내가 본 첫 번째는 중국 공식 웹 사이트입니다. 신중하게 보면 실제로 자세히 설명됩니다.
다음으로 중국 문서 http://v3.bootcss.com/bootstrap3을 클릭하십시오.
http://expo.bootcss.com/ 여기에 적용 된 많은 웹 사이트 인스턴스를 계속 읽으십시오.
많은 예와 훌륭한 프론트 엔드 아키텍처를 보면서, 나는 실제로 많은 웹 사이트가 사용되었다는 것을 깨달았으며, 학습 여행을 시작하기를 기다릴 수 없습니다.
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.