부트 스트랩 폼 예제

부트 스트랩 표시를 적용 하기 때문에: 블록 및 너비: 100% 거의 모든 우리의 모든 양식 컨트롤에, 양식 기본적으로 수직으로 스택 됩니다. 추가 클래스를 사용하여 양식별로 이 레이아웃을 변경할 수 있습니다. 양식을 작성할 때 사용자가 목록에서 원하는 수의 옵션을 선택하도록 하려면 확인란을 사용합니다. 사용자를 하나의 선택 으로 만 제한하려면 라디오를 사용합니다. 확인란및 라디오 사용은 HTML 기반 양식 유효성 검사를 지원하고 간결하고 액세스 가능한 레이블을 제공하기 위해 만들어졌습니다. 따라서

각 양식은 서로 다른 유형의 기능을 제공합니다. 팁: 폼 레이아웃을 만드는 동안 .row 대신 .form-row 클래스를 사용할 수도 있습니다. .form-row 클래스는 표준 부트스트랩 그리드 .row의 변형으로, 기본 열 거터를 재정의하여 보다 엄격하고 컴팩트한 레이아웃을 제공합니다. 부트스트랩 4는 클라이언트 측에서 웹 양식의 유효성을 쉽고 빠르게 확인할 수 있는 방법을 제공합니다. 브라우저의 기본 양식 유효성 검사 API를 사용하여 폼의 유효성을 검사합니다. 양식 유효성 검사 스타일은 CSS :유효하지 않음 및 :유효한 의사 클래스를 통해 적용됩니다. , 및