찾다
웹 프론트엔드부트스트랩 튜토리얼부트스트랩이 제거되었나요?

부트스트랩이 제거되었나요?

Jul 30, 2019 am 09:36 AM
bootstrap

부트스트랩이 제거되었나요?

부트스트랩에 대해 더 알고 싶다면 다음을 클릭하세요. 부트스트랩 튜토리얼

먼저 정정하겠습니다

1. 부트스트랩은 많은 사람들이 사용하고 있으며 친숙합니다. 반응형 디자인 페이지로 매우 편리합니다.

2. 부트스트랩은 완전히 프론트엔드 프레임워크로 간주될 수 없습니다. (MVC 개념적 근거가 없습니다.)

왜 아무도 사용하지 않는다고 하시나요? 사실 이유는 매우 간단합니다. 현재 중국 사람들은 IE 또는 IE 커널을 기반으로 개발된 브라우저를 사용하고 있으며, 부트스트랩을 사용하고 있기 때문입니다. 자체는 외국인이 개발한 것이므로 IE 호환성에 매우 불친절합니다(중국 사람들은 IE를 업그레이드하지 않기 때문입니다) 따라서 PC 쪽을 개발할 때 브라우저 호환성을 고려해야 하며 일부 변태 고객은 IE8 이하를 사용할 수도 있으며 자연스럽게. bootstrap will 호환성 문제가 많기 때문에 개발자가 가장 먼저 선택하는 것은 아닙니다.

그리고부트스트랩은 빠른 개발을 위해 사용되며 커스터마이징 가능성이 상대적으로 낮습니다 현재 국내 페이지 디자인은 대부분 커스터마이징이 되어있지만 당연히 부트스트랩은 백엔드 시스템 관리 페이지라면 존재합니다. 많은 사람들이 이를 사용하고 빠르게 개발합니다.

 사실 가끔은 남의 말을 듣지 말아야 할 때가 있는데, 프론트엔드인데 회사에서 배우라고 하면 직접 해보고 좋은지 안 좋은지 알아보고, 왜 다들 그 얘기를 하는 거야? 확실히 좋은점이 있습니다.

bootstrap 장점과 단점

장점: 1. 최근 Bootstrap4가 최신 웹 기술 개발에 맞춰 box-flex 레이아웃 및 기타 업데이트와 함께 개선되었습니다.

2. 상대적으로 성숙했으며 많은 프로젝트에서 완벽하게 사용되고 테스트되었습니다.

  3. 완벽한 문서가 있어 사용이 더 편리합니다.

  4. 구성 요소 스타일이 다양하며 사용자 정의가 가능합니다.

단점: 1. 특별한 요구 사항이 있는 경우 스타일을 다시 맞춤 설정해야 하며, 이로 인해 중복 코드가 생성되고 열기 시간이 더 많이 소모됩니다. 사용자 경험이 좋지 않습니다.

  2. 인터넷상에서 IE와 호환되는 방법은 많지만(IE6, 7, 8, 9, 10은 거의 없어졌지만, 중국에서는 여전히 많은 사람들이 사용하고 있습니다) 호환성을 얻으려면 다른 파일을 도입해야 합니다. 일부 파일은 여전히 ​​작기 때문에 필연적으로 로딩 속도가 느려지고 사용자 경험에 영향을 미칩니다.

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

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

Bootstrap은 Twitter가 개발 한 오픈 소스 프론트 엔드 프레임 워크로, 반응 형 웹 사이트를 신속하게 구축하는 데 적합합니다. 1) 그리드 시스템은 12 열 구조를 기반으로하므로 유연한 레이아웃을 생성 할 수 있습니다. 2) 반응 형 설계 기능을 통해 웹 사이트는 다른 장치에 적응할 수 있습니다. 3) 기본 사용법에는 내비게이션 바 구축이 포함되며 고급 사용법에는 카드 구성 요소가 포함됩니다. 4) 열 폭을 올바르게 설정하여 그리드 시스템의 오용과 같은 일반적인 오류를 피할 수 있습니다. 5) 성능 최적화에는 CDN 및 파일 압축을 사용하여 필요한 구성 요소 만로드하는 것이 포함됩니다. 6) 모범 사례는 깔끔한 코드, 맞춤형 스타일 및 반응 형 디자인을 강조합니다.

부트 스트랩 및 반응 : 웹 개발을위한 프레임 워크 결합부트 스트랩 및 반응 : 웹 개발을위한 프레임 워크 결합Apr 28, 2025 am 12:08 AM

부트 스트랩과 반응을 결합한 이유는 보완성입니다. 1. 부트 스트랩은 미리 정의 된 스타일과 구성 요소를 제공하여 UI 설계를 단순화합니다. 2. React는 구성 요소 개발 및 가상 DOM을 통한 효율성과 성능을 향상시킵니다. 빠른 UI 건설 및 복잡한 상호 작용 관리를 즐기기 위해 함께 사용하십시오.

0에서 부트 스트랩까지 : 신속하게 시작합니다0에서 부트 스트랩까지 : 신속하게 시작합니다Apr 27, 2025 am 12:07 AM

Bootstrap은 HTML, CSS 및 JavaScript를 기반으로 한 오픈 소스 프론트 엔드 프레임 워크로, 개발자가 반응 형 웹 사이트를 신속하게 구축 할 수 있도록 설계되었습니다. 디자인 철학은 "모바일 우선"이며 그리드 시스템, 버튼, 양식, 내비게이션 바 등과 같은 풍부한 사전 정의 된 구성 요소 및 도구를 제공하고 프론트 엔드 개발 프로세스 단순화, 개발 효율성 향상 및 웹 사이트의 응답 성 및 일관성을 제공합니다. 부트 스트랩을 사용하면 간단한 페이지로 시작하여 카드 및 모달 박스와 같은 고급 구성 요소를 점차적으로 추가 할 수 있습니다. 성능을 최적화하기위한 모범 사례에는 부트 스트랩 사용자 정의, CDN 사용 및 클래스 이름의 과도한 사용이 포함됩니다.

React and Bootstrap : 사용자 인터페이스 설계 향상React and Bootstrap : 사용자 인터페이스 설계 향상Apr 26, 2025 am 12:18 AM

React 및 Bootstrap을 원활하게 통합하여 사용자 인터페이스 설계를 향상시킬 수 있습니다. 1) 종속성 패키지 설치 : NPMINSTALLBOOTSTRAPREACT-BOOTSTRAP. 2) CSS 파일을 가져옵니다 : import'Bootstrap/dist/css/bootstrap.min.css '. 3) 버튼 및 탐색 막대와 같은 부트 스트랩 구성 요소를 사용하십시오. 이 조합을 통해 개발자는 React의 유연성 및 Bootstrap의 스타일 라이브러리를 활용하여 아름답고 효율적인 사용자 인터페이스를 만들 수 있습니다.

부트 스트랩을 React에 통합 : 실용 가이드부트 스트랩을 React에 통합 : 실용 가이드Apr 25, 2025 am 12:04 AM

부트 스트랩을 React 프로젝트에 통합하는 단계에는 다음이 포함됩니다. 1. 부트 스트랩 패키지 설치, 2. CSS 파일 가져 오기, 3. 부트 스트랩 클래스 이름을 스타일 요소에 사용하십시오. 이 통합은 REACT의 구성 요소화 및 부트 스트랩의 스타일 시스템을 사용하여 효율적인 UI 개발을 달성합니다.

부트 스트랩은 무엇에 사용됩니까? 실용적인 설명부트 스트랩은 무엇에 사용됩니까? 실용적인 설명Apr 24, 2025 am 12:16 AM

BootStrapisApowerfulframeworkstimplifiescreatingresponsive, mobile-firstwebsites.itoffers : 1) Agridsystemforadaptablelayouts, 2) pre-styledements-buttonsandforms 및 3) javascromponentssuchascarouselsforenhancedinteractifice.

부트 스트랩 : 레이아웃에서 구성 요소까지부트 스트랩 : 레이아웃에서 구성 요소까지Apr 23, 2025 am 12:06 AM

Bootstrap은 Twitter에서 개발 한 프론트 엔드 프레임 워크로 HTML, CSS 및 JavaScript를 통합하여 개발자가 반응 형 웹 사이트를 신속하게 구축 할 수 있도록 도와줍니다. 핵심 기능에는 다음이 포함됩니다. 그리드 시스템 및 레이아웃 : 12 열 설계, Flexbox 레이아웃 사용 및 다양한 장치 크기의 반응 형 페이지를 지원하는 것이 포함됩니다. 구성 요소 및 스타일 : 버튼, 모달 박스 등과 같은 풍부한 구성 요소 라이브러리를 제공하며 클래스 이름을 추가하여 아름다운 효과를 얻을 수 있습니다. 작동 방식 : CSS 및 JavaScript에 의존하면 CSS는 적은 또는 SASS 전 처리기를 사용하며 JavaScript는 jQuery를 사용하여 대화식 및 동적 효과를 달성합니다. 이러한 기능을 통해 부트 스트랩은 개발을 크게 향상시킵니다

부트 스트랩이란 무엇입니까? 초보자를위한 소개부트 스트랩이란 무엇입니까? 초보자를위한 소개Apr 22, 2025 am 12:07 AM

bootstrapisafreecssframework that thatwebdevelopmentbyprovingpre-styledcomponentsandjavascriptplugins.it'sidealforcreatingresponsive, mobile-firstwebsites, powerfilectiblegridsystemforlayoutSandasupportiveCommunityOrlynityAndOcustomization.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

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

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구