부트스트랩 체크박스 구현 방법

Checkbox

양식을 작성할 때 사용자가 목록에서 여러 옵션을 선택할 수 있도록 하려면 확인란을 사용하세요. (추천 학습: 부트스트랩 비디오 튜토리얼)

일련의 체크박스에 대해 .checkbox-inline을 사용하여 동일한 줄에 표시되도록 제어합니다.

확인란을 선택하면

를 상위 요소로 설정할 수 있으며 클래스는 .custom-control 및 .custom-checkbox이며 확인란은 하위 요소로 배치됩니다.

체크박스의 텍스트는 라벨 라벨을 사용하고, 라벨은 .custom-control-label 클래스를 사용합니다. 라벨의 for 속성 값은 해당 라벨의 ID와 일치해야 합니다. 확인란을 선택합니다.

Example

<div>
    <label><input>选项 1</label>
</div>
<div>
    <label><input>选项 2</label>
</div>    
#内联
<div>
    <label>
        <input> 选项 1    </label>
    <label>
        <input> 选项 2    </label>
    <label>
        <input> 选项 3    </label>
</div>

더 많은 Bootstrap 관련 기술 기사를 보려면 Bootstrap 튜토리얼 컬럼을 방문하여 알아보세요!

위 내용은 부트스트랩 체크박스 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!