모달 창 부트 스트랩 : 목적과 사용

무엇 모달 윈도우 부트 스트랩이며 왜 필요한가? 구성 요소, 특징, 장점과 단점은 무엇인가? "모달 창"의 개념은 GUI에 사용됩니다. 종종는 몇 가지 중요한 이벤트에 관심을 끌기 위해 사용될 수있다. 모달 창 설정, 정보, 데이터를 입력 변경하는 데 사용됩니다. 그들은 한 문제 또는 작업으로는 종식되지 않고, 사용자의 워크 플로우를 차단합니다. 창문은 웹 페이지를 개발하는 데 사용됩니다.

이것은 무엇입니까

쉽게 사용자 정의 및 적응 형 디자인 이 인기 오늘 부트 스트랩을 제공하는 것에있다. 디스플레이 이미지, 비디오 및 기타 항목을 웹 사이트를 만들 수 있도록하는 데 사용할 수있는 모양있는 모달 창. 팝업 창은 헤더, 바디 및 바닥 글 : 다운로드의 별개의 부분으로 구성되어있다. 이러한 각각의 요소는 자신의 값을 갖습니다. 모달 윈도우 부트 스트랩의 주요 목적 - 신흥 디자이너를 사용하여이 추가 코드를 작성하지 않고 웹 페이지를 만들 수 있습니다. 모달 창 - 기록 된 내용을 표시 용기의 일종. 모달은 큰 원 구성 요소의 목표를 해결했다.

어떻게 만들어?

통제는 자바 스크립트 방법, 데이터 및 CSS를 사용하여 수행됩니다뿐만 아니라, 모달 창을 만듭니다. 먼저 우리는 레이아웃을 확인해야합니다. 그것은 프레임 헤더, 주요 내용 및 바닥 글로 구성되어 있습니다. 필수 여기 요소 - 지하 (블록)과 시체. 전화 모달 창 구현으로 이동하는 필요를 표시 한 후. 종종는 웹 페이지를로드하고 해당 버튼을 클릭 한 후라고합니다. 통화가 데이터와 자바 스크립트를 사용하여 이루어진다. 부트 스트랩 모달 창을 닫으면 이전에 생성 및 저장 작업을 완료합니다.

모달 윈도우가 자신의 특성을 가지고 있음을 기억하십시오. 여러 모달 창을 열려면 추가 코드를 작성해야합니다. 위치 HTML 코드는 본문 태그 후, 문서의 상단에 최고입니다. 이 기능과 윈도우의 모양을 유지하는 데 도움이됩니다. 모바일 기기에서 "모달 창에서"구성 요소의 사용에 관련된 경고가있다. 그들은 그것의 전체를 사용을 제한 할 수 있습니다. 3이 허용하는 부트 스트랩 당신은 창 크기를 조정하고 격자를 사용합니다.

구성 요소들

부트 스트랩과 함께 작업을 시작하기 전에, 당신은 무엇으로 이루어져 있는지 이해할 필요가있다. 이 프로그램은 사이트를 만드는 데 사용되는 기성품 도구가 포함되어 있습니다. 준비 스타일은 자바 스크립트, CSS와 HTML은 적응 그리드, 디스플레이 버튼, 메뉴, 아이콘 및 기타 팁을 구축 할 수 있습니다. 레이아웃 스타일에 필요한 기본 소프트웨어. 텍스트를 인쇄하고 페이지를 인쇄하여 사이트의 콘텐츠의 텍스트 디자인을 만들기 위해 브라우저를 준비 할 수 있도록하기위한 스타일의 가용성. 당신은 부트 스트랩 구성 요소를 사용하여 폼, 단추 및 기타 요소를 만들 수 있습니다. 이 프로그램은 쉽고 빠르게 모바일 장치에 대한 페이지를 부과 할 수있는 도구의 전체 세트가 있습니다. 부트 스트랩은 다른 구성 요소뿐만 아니라, 자바 스크립트의 다양한 구성되어 있습니다. 초보자도 충분히 간단한 그들을 마스터. 이론적으로, 프로그램 기준에 "Bustrap는"상당히 어려운 이해합니다. 실제로, 이것은 많은 사전 구축 된 구성 요소 디자이너와 코더 감사의 개발을 단순화합니다.

특징

부트 스트랩 모달 창은 특별한 장점이 있습니다. 개발 사이트의 페이지 레이아웃의 도움으로 빠른 속도로 전달합니다. 이 창 요소와 솔루션의 큰 집합을 포함한다. 인해 증가 적응성 부트 스트랩 사이트로 이동합니다. 프레임 워크 (소프트웨어) 모든 브라우저에 적합하며 올바르게 표시됩니다. 이 모달 창을 사용하기 쉽습니다. 부트 스트랩은 심지어 HTML과 CSS의 기본 지식을 가지고 초보자를위한, 당신은 웹 페이지를 만들 수 있습니다.

그것은 사용자가 쉽게 적응할 수 모달 창을 제공합니다. 완성 된 코드와 우수한 문서의 많은 예는 부트 스트랩의 급속한 발전에 영향을 미칩니다. 장식 주제의 거대한 선택에 가능한 한 그 본질에 대해. 이 모달 창 설계되었다 워드 프레스, CMS, 줌라. 부트 스트랩 - 필요한 구성 요소를 포함하고 자신의 ikonochnym 글꼴로 부여 웹 응용 프로그램 프레임 워크입니다. 그것은 기본을 포함한 200 개 이상의 아이콘이 포함되어 있습니다.

단점

부트 스트랩 모달 창은 단점이 있습니다.

• 그것을 사용하는 사이트는 개인 스타일의 기능을 잃게됩니다. 그들은 모양과 서로 유사한 구조로, 고유 중단.
• 유연성의 부족; 종종 자신의 스타일을 만들 필요가 불필요한 작업을 수행.
• 작업 시간을 초래할 수로드 된 코드를 변경합니다.
• 종종 사용자가 다른 목적으로 사용되는 부트 스트랩 구성 요소.

프런트 엔드 개발로이 도구를 사용합니다. 웹 개발자를위한 완벽한 솔루션 - 부트 스트랩을 사용하여 프레임 워크, 레이아웃의 사용자에게 명백 할 것이다 단점에도 불구하고. 그것은 당신이 짧은 시간과 수고를 할 필요없이 간단하고 직관적 인 인터페이스를 만들 수 있습니다.

반응 디자인

가장 인기있는 프레임 워크 중 하나는, 시간과 에너지를 소비하지 않고, 디자이너 높은 품질의 웹 사이트와 응용 프로그램을 만들 수 있습니다 - 그것은 3. 모달 창은 무료 도구의 기본 설정을 사용자에게 제공 부트 스트랩입니다. C는 그것은 당신이 자바 스크립트, CSS, HTML을 사용할 수 있습니다. 이 소프트웨어는 트위터에 의해 만들어진, 그리고 기능과 장점이 있습니다했다. 프레임 워크는 모바일 장치 용으로 설계되었다, 그래서 순는 작은 화면을 위해 설계되었습니다. 오늘 부트 스트랩 3 및 대형 장치에 사용됩니다. 프로그램의 제조 업체에 의해 확장 된 하나의 반응 그리드 시스템이있다.

전체 프레임 워크는 글꼴을 제공했다. 그들은 아이콘으로 사용된다. 이 프로그램에서는 디자이너는 귀하의 재량에 따라 변경 될 수 있습니다 벡터 폰트와 이미지를 이미 다루고있다. 3 부트 스트랩 기능은 이전 버전의 브라우저를 지원하지 않습니다. 반응 설계 개념은 간단하다 : 사이트가 독립적 관계없이 사용자가에 간 어떤 장치의 화면 크기로 조정합니다. 반응 형 디자인의 개발은 특별한 지식과 전문 기술을 필요로한다.

부트 스트랩 작업

부트 스트랩과 교제하기 전에 자유롭게 다운로드합니다. 이후 사용자가 다운로드 및 압축 해제 한 후 글꼴 ikonochnye 스타일과 스크립트를 포함하는 세 개의 폴더가 있습니다. 이 모든 부트 스트랩입니다. 다음 프레임 워크의 이름으로 폴더를 생성 할 수 있습니다 모달 창을 엽니 다. 빈 파일«ndex.html»를 만들 필요가있다. 다운로드 한 소프트웨어는 완전히 스타일과 해당 폴더에서«bookstrap.css»를 폴더«글꼴»를 선택한다. 또한 스크립트를«의 bootstrap.js»에 대해 잊지 마세요. 비슷한 이름의«CSS의»와 기존 폴더를 생성,«bootstrap.min.css»넣어. 또 다른«CSS를»«에있는 style.css»빈 파일을 만듭니다. 그녀는 자신의 스타일을 추가해야합니다.

모두 작성해야하는 경우, 추가 작업 만«ndex.html»로 수행됩니다. 수동으로 코드를 작성하지 않으려면, 완성 된 골격의 HTML 문서를 참조하십시오. 복사 한 파일에 코드를 붙여 넣습니다. 생성 된 골격 스타일 라이브러리 및 스크립트에 연결됩니다. 몸 태그는«jQuery를»라이브러리를 연결하는 것을 잊지하고,하지 않습니다하기 전에 후 - 스크립트«JS».

그물

모달 창 부트 스트랩 사이트의 고전적인 레이아웃을 만드는 데 사용됩니다. 그것은 캡 본체 측면 기둥과 지하실로 구성되어 있습니다. 모든 정확하게 표시하기 위해서는, 개별 흐름 비율의 각 항목의 폭을 계산하는 것이 필요하다. 지하 캡 사이트와 100 %의 폭을해야하며, 측면 기둥의 부피는 작아 질 수 있습니다.

그리드 부트 스트랩은 블록의 원하는 폭을 설정해야합니다. 그리드 기능은 행과 열이있는 테이블의 도움으로 발생합니다. 그리드는 시간의 또 다른 그리드 무제한 내에서 수행 할 수 있습니다. 사이트의 일부는 그것으로 이루어질 경우, 자신의 적응 요구를 쓸 필요가 없다. 그리드뿐만 아니라, 모달 창이 추가 구성 요소 (메뉴, 테이블, 탭, 팁)의 수를 포함합니다.

오류

동시에 열 때로는 여러 부트 스트랩 모달 창, 오류가 발생할 수 있습니다. Windows가 제대로 HTML 파일 형식을로드 할 수없는 경우에 가능하다. 오류가 악성 소프트웨어 나 바이러스 파일의 패배를 나타냅니다. 파일 부트 스트랩과 관련된 가장 일반적인 문제는, 시작 프로그램, 컴퓨터 동안, 또는 모든 작업을 수행 한 후 발생합니다. - 가장 일반적인 모달 창과 관련된 것들이다 : 없음 파일 ""파일의 오류 "", "등록 실패", "로드 할 수 없습니다", "찾을 수 없음", "런타임 오류 및로드". 사용자가 이미 실행 여부뿐만 아니라에 전환하는 동안 컴퓨터 끄기 프로그램을 설치하거나 할 때 그들은 나타날 수 있습니다. 제대로 부트 스트랩에서 그 발생 원인을 제거하는 데 도움이 있기 때문에 밀접 오류의 발생을 모니터링하는 것이 중요하다. 모달 창으로 인해 내부 오류에 의존하지 않는 잘못된 호출에 가끔 작동하지 않습니다.