부트스트랩을 vue와 함께 사용할 수 있나요?

BootstrapVue

Vue.js와 세계에서 가장 인기 있는 프런트 엔드 CSS 라이브러리인 Bootstrap V4를 사용하여 웹에서 반응형 모바일 우선 프로젝트를 구축하세요.

라이센스 계약: MIT(권장 학습: Bootstrap 비디오 튜토리얼)

개발 언어: Java

Bootstrap-Vue는 Vue.js 2.4+를 위한 가장 포괄적인 그리드 시스템과 Bootstrap V4 구성 요소 구현을 제공합니다. 자동화된 WAI-ARIA 접근성 마크업.

Vue.js v2.6 필수, v2.6.10 권장

Bootstrap v4.3 필수, v4.3.1 권장

중요 HTML 전역 변수

Bootstrap v4.3 CSS는 몇 가지 중요한 전역 스타일을 사용합니다. 그리고 이를 사용할 때 주의해야 할 설정은 거의 전적으로 브라우저 간 스타일을 표준화하는 것을 목표로 합니다.

반응형 메타 태그

bootstrap v4.3은 모바일용으로 먼저 개발되었습니다. 이 전략에서는 코드가 먼저 모바일 장치에 최적화된 다음 필요에 따라 CSS 미디어 쿼리를 사용하여 구성 요소가 확장됩니다. 모든 기기에서 올바른 렌더링 및 터치 크기 조정을 보장하려면 에 반응형 뷰포트 메타 태그를 추가하세요.

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

CSS 상자 크기 조정

CSS에서 더 간단한 크기 조정을 위해 전역 상자 크기 조정 값이 콘텐츠 상자에서 테두리 상자로 전환됩니다. 이렇게 하면 패딩이 요소의 최종 계산된 너비에 영향을 주지 않지만 Google 지도 및 Google 맞춤 검색 엔진과 같은 일부 타사 소프트웨어에 문제가 발생할 수 있습니다.

드물게 재정의해야 하는 경우 다음을 사용하세요.

.selector-for-some-widget { 
 box-sizing: content-box;
}

더 많은 Bootstrap 관련 기술 기사를 보려면 Bootstrap Tutorial 열을 방문하여 알아보세요!

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