부트스트랩 반응형 예제

우리가 단어를 사용할 때 마음에 오는 첫 번째 것은 “응답 디자인” 웹 사이트는 장치 및 화면 크기의 모든 종류와 호환 되어야. 업계에서는 다양한 환경에서 온라인 콘텐츠의 가독성을 높이기 위해 모든 웹 사이트를 응답해야 한다는 요구가 지속적으로 증가하고 있습니다. 그것은 웹 디자인에서 부인할 수없는 지도자가되었다. 그것은 사용 하 고 전세계 프로그래머의 수백만 의해 평가. 부트 스트랩보다 더 효과적인 도구를 찾기가 어렵습니다. 응답하는 부트스트랩 웹 사이트를 웹 페이지 머리 안에 올바른 메타 태그를 배치하는 것만큼 간단합니다. 해당 중단점부터 위로 테이블이 정상적으로 작동하지 않고 가로로 스크롤되지 않습니다. 부트 스트랩과 함께, 당신은 또한 다른 많은 강력하고 유용한 기술을 배울 것입니다. IE8-9 지원이 필요한 경우 부트스트랩 3을 사용합니다. 그것은 부트 스트랩의 가장 안정적인 버전이며, 여전히 중요한 버그 수정 및 문서 변경에 대한 팀에 의해 지원됩니다.

그러나 새로운 기능은 추가되지 않습니다. 4. 모든 현대 브라우저는 부트 스트랩 (크롬, 파이어 폭스, 인터넷 익스플로러, 마이크로 소프트 에지, 사파리, 오페라)와 완전히 호환됩니다. 레이아웃은 일반적으로 .container 클래스가 있는 요소에 래핑되어 약간 좁아지고 매우 큰 화면의 가운데에 배치됩니다. 하지만 대시보드를 빌드할 때 .container를 건너뛸 수 있습니다. 다음 래퍼 요소는 .row 클래스를 사용하여 응답 성 행을 의미합니다. 모든 행에는 기본적으로 12개의 열이 있습니다. 실제로 응답 레이아웃 중단점(기본적으로 부트스트랩에 정의된 대로)이 있는 src 폴더의 styles.scss 옆에 styless.scss 파일을 만드는 것이 유용할 수 있습니다.

OK Tomáš, 우리는 영원히 그래서 큰 거래는 무엇입니까 반응 웹 애플 리케이션을 구축하고있다?! 우리가 당신을 위해 준비 한 “부트 스트랩 튜토리얼”, 부트 스트랩 요소를 통해 점진적으로 안내합니다, 단계적으로. 이 외에도, 당신은 갈 수 있어요: 부트 스트랩은 기본적으로 응답. 다음으로, 우리는 npm i -S 부트 스트랩을 사용하여 부트 스트랩을 설치해야합니다. CodePen의 sitePoint(@SitePoint)별 부트스트랩을 사용하여 펜 건물 응답 웹 사이트를 참조하십시오.