라벨 태그 및 제어 그룹은 형식에 .form-horizontal 클래스를 추가하고 Bootstrap의 사전 설정 래스터 클래스를 사용하여 나란히 나란히 나란히 놓을 수 있습니다. 이렇게하면 .form-Group의 동작이 래스터 시스템에서 행으로 작동하도록 변경되므로 추가 .ROOK를 추가 할 필요가 없습니다.
수평 형태는 다른 형태와 수량이 다를뿐만 아니라 다른 프리젠 테이션 형태로도 다릅니다. 수평으로 배치 된 양식을 만들려면 다음 단계를 따르십시오.
1. 부모 <양식> 요소에 클래스 .form-horizontal을 추가하십시오.
2. 태그와 컨트롤을 클래스 .form-group과 함께 <div>에 배치하십시오.
3. 클래스를 레이블에 연결하십시오.
구현 코드 :
<form role = "form"> <div> <label for = "inputeMail3"> email </label> <div> <입력 유형 = "email"id = "inputeMail3"inputeMail3 "placeHolder ="email "> </div> </div> <div> <레이블에 대한 ="inputpassword3 "> 암호 </label> <div> <입력 타입 ="prosppass " </div> <div> <div> <labe> <입력 유형 = "Checkbox"> 기억 </label> </div> </div> </div> <div> <버튼 유형 = "제출"> 로그인 </div> </div> </form>
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 멋진 주제를 배우고 첨부 할 수 있습니다. 부트 스트랩 학습 자습서
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.