Bootstrap 3 2013년 8월 19일 출시
오늘 Bootstrap이 전 세계에 출시된 지 2주년이 되는 날, Bootstrap 3.0을 출시합니다. 아무리 말도 안 되는 긴 여행이었지만 우리는 마침내 모든 것을 야생으로 보내게 되었습니다.
RC(어, 베타)를 테스트하고 버그를 보고하고 코드를 기여한 모든 분들께 감사드립니다. 당신이 없었다면 우리는 이 일을 할 수 없었을 것입니다. (권장 학습: Bootstrap 비디오 튜토리얼)
자세히 따르지 않은 분들을 위해 Bootstrap 3에서 발표된 가장 큰 변경 사항을 모두 요약해 보겠습니다.
새로운 디자인과 선택적 테마! v3를 사용하면 균등하게 진행됩니다. 이것을 트렌드라고 부르지 마세요. 모든 것은 맞춤화에 관한 것입니다. 이제 미적 측면을 단순화했으므로 선택적인 테마를 갖는 것이 도움이 될 것이라고 생각했습니다. 이를 사용하려면 Bootstrap 테마 예제를 확인하세요.
모바일 우선, 항상 반응형! 휴대용 장치부터 시작하여 확장하는 등 거의 모든 것이 재설계 및 재구축되었습니다.
새로운 커스터마이저! 재설계되어 이제 Heroku 대신 브라우저에서 컴파일되고 더 나은 종속성 지원이 제공되며 오류 처리 기능도 내장되어 있습니다. 더 나아가 이제는 쉽게 재사용, 공유 및 수정할 수 있도록 사용자 정의 내용을 익명 요점으로 저장합니다.
더 나은 박스 모델 기본. Bootstrap의 모든 콘텐츠는 상자 크기 조정을 받습니다. 테두리 상자 크기 조정 옵션이 더 간단해지고 그리드 시스템이 강화됩니다.
매우 강력한 양식 시스템. 모바일, 태블릿, 데스크톱, 대형 데스크톱 등 4가지 수준의 그리드 클래스를 사용하면 엄청나게 멋진 레이아웃을 만들 수 있습니다.
재작성된 JavaScript 플러그인. 이제 모든 이벤트는 네임스페이스가 지정되고 충돌 없는 항목이 더 잘 작동합니다.
새로운 Glyphicons 아이콘 글꼴! 한동안 사라졌지만 Glyphicon을 메인 저장소에 복원했습니다. 2.x에서는 이미지였지만 이제는 글꼴 형식이고 40개의 새로운 문자 모양이 포함되어 있습니다.
내비게이션 바가 대폭 개선되었습니다. 이제 항상 반응하며 매우 편리하고 재배치 가능한 하위 구성 요소가 함께 제공됩니다.
모달의 반응성이 더 좋습니다. 모바일 장치에서 더 빠르게 반응할 수 있도록 모달 코드를 정밀 검사했습니다. 이제 최대 높이를 갖는 대신 전체 뷰포트를 스크롤합니다.
일부 구성요소를 추가했습니다! 새로운 조합은 패널 및 목록 그룹입니다.
일부 구성 요소를 제거했습니다! 우리는 아코디언(접이식 패널로 교체), 하위 메뉴, 타자기 및 몇 가지 작은 항목을 버렸습니다. (새 항목을 추가하는 것과 마찬가지로 축하할 가치가 있습니다.)
더 일관된 기본 및 크기 계층. 버튼, 테이블, 양식, 경고 등이 업데이트되어 보다 쉽게 사용자 정의하고 확장할 수 있는 보다 일관된 클래스를 만들 수 있습니다.
문서 개선. 구성 요소뿐만 아니라 브라우저 지원(문제 및 버그 포함), 라이선스 FAQ, 타사 지원(및 해결 방법), 접근성 등에 대한 많은 새로운 문서를 추가했습니다.
Internet Explorer 7 및 Firefox 3.6 지원이 제거되었습니다. Internet Explorer 8의 경우 모든 미디어 쿼리가 제대로 작동하려면 Respond.js를 포함해야 합니다. 설명서에서 브라우저 지원에 대해 자세히 알아볼 수 있습니다.
Bootstrap과 관련된 더 많은 기술 기사를 보려면 Bootstrap Tutorial 칼럼을 방문하여 알아보세요!
위 내용은 bootstrap3.0은 몇 년도에 출시되었나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

bootstrap'sgridsystemiseffivedueToits12-ColumnlayoutAndResponsiveClasses, forflexibleAndaintainabledeSigns.toleVerageIt : 1) userOwsAndColumnsWithClassesLikeCol-MD, Col-SM, 및 Col-lggfordifferentsCreensizes.2) simplifyoutscessiv

bootstrapgridsystemissentialforcreatingResponsevelayouts.1) itusescontainers, rows 및 columnsbasedona12-columnlayout.2) cssflexboxandmediaqueriesensurecrexibilityAcrossScReensizes.3) ClassLikecol-xs, Col-MD, 4) 4) 4)

부트 스트랩은 반응 형 웹 사이트를 신속하게 구축하기위한 프론트 엔드 프레임 워크입니다. 장점은 다음과 같습니다. 1. 빠른 개발 : 사전 정의 된 스타일과 구성 요소를 활용합니다. 2. 일관성 : 통합 디자인 스타일을 제공합니다. 3. 반응 형 디자인 : 내장 그리드 시스템은 다양한 장치에 적용됩니다. Bootstrap은 CSS 클래스 및 JavaScript 플러그인을 통해 웹 개발 프로세스를 단순화합니다.

Bootstrap은 주로 래스터 시스템, 사전 정의 된 구성 요소 및 JavaScript 플러그인을 통해 개발 프로세스를 단순화합니다. 1. 그리드 시스템을 통해 유연한 레이아웃, 2. 버튼 및 탐색 막대와 같은 사전 정의 된 구성 요소는 스타일 설계를 단순화합니다. 3. JavaScript 플러그인은 대화식 기능을 향상시키고 개발 효율성을 향상시킵니다.

Bootstrap은 트위터에서 개발 한 오픈 소스 프론트 엔드 프레임 워크로, 풍부한 CSS 및 JavaScript 구성 요소를 제공하여 반응 형 웹 사이트의 구성을 단순화합니다. 1) 그리드 시스템은 12 열 레이아웃을 기반으로하며 다른 화면 크기의 요소 표시는 클래스 이름을 통해 제어됩니다. 2) 구성 요소 라이브러리에는 사용자 정의 및 사용이 쉬운 버튼, 내비게이션 바 등이 포함되어 있습니다. 3) 작업 원칙은 CSS 및 JavaScript 파일에 따라 다르며 의존성 및 스타일 충돌 처리에주의를 기울여야합니다. 4) 사용 예제는 사용자 정의 기능의 중요성을 강조하여 기본 및 고급 사용을 보여줍니다. 5) 일반적인 오류에는 그리드 시스템 계산 오류 및 스타일 범위가 포함되며 개발자 도구를 사용하여 디버깅해야합니다. 6) 성능 최적화 권장 사항이 필요한 구성 요소 만 소개하고 사전 처리기를 사용하여 샘플을 사용자 정의합니다.

Bootstrap은 웹 개발 프로세스를 단순화하고 속도를 높이기 위해 Twitter 팀이 개발 한 오픈 소스 프론트 엔드 프레임 워크입니다. 1. Bootstrap은 HTML, CSS 및 JavaScript를 기반으로하며 최신 사용자 인터페이스를 만들기위한 풍부한 구성 요소와 도구를 제공합니다. 2. 핵심은 사전 정의 된 클래스와 구성 요소를 통해 다양한 레이아웃과 스타일을 구현하는 반응 형 디자인에 있습니다. 3. Bootstrap은 사용 및 조정이 쉬운 탐색 막대, 버튼, 양식 등과 같은 사전 정의 된 UI 구성 요소를 제공합니다. 4. 사용의 예로는 간단한 내비게이션 바와 고급 접을 수있는 사이드 바를 작성하는 것이 포함됩니다. 5. 일반적인 오류에는 버전 충돌, CSS 덮어 쓰기 및 JavaScript 오류가 포함되며 버전 관리 도구를 통해 사용할 수 있습니다.

부트 스트랩은 두 가지 방법으로 React에 통합 될 수 있습니다. 1) 부트 스트랩을 사용한 CSS 및 JavaScript 파일; 2) React-Bootstrap 라이브러리를 사용하십시오. React-Bootstrap은 캡슐화 된 React 구성 요소를 제공하여 React에서 부트 스트랩을 사용하여보다 자연스럽고 효율적입니다.

React 프로젝트에서 부트 스트랩 구성 요소를 사용하는 두 가지 방법이 있습니다. 1) 원래 부트 스트랩의 CSS 및 JavaScript; 2) React-Bootstrap 또는 ReactStrap과 같은 React를 위해 특별히 설계된 라이브러리를 사용하십시오. 1) NPM을 통해 부트 스트랩을 설치하고 항목 파일에 CSS 파일을 소개 한 다음 React 구성 요소에서 부트 스트랩 클래스 이름을 사용하십시오. 2) React-Bootstrap 또는 ReactStrap을 설치 한 후 제공하는 React 구성 요소를 직접 사용하십시오. 이 방법을 사용하여 반응 형 UI를 신속하게 구축하지만 스타일 로딩 및 JavaScript에주의를 기울이십시오.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

Dreamweaver Mac版
시각적 웹 개발 도구