怎么實現bootstrap復選框

這期內容當中小編將會給大家帶來有關怎么實現bootstrap復選框，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

                                                           復選框（Checkbox）

當創建表單時，如果您想讓用戶從列表中選擇若干個選項時，請使用checkbox。

對一系列復選框使用 .checkbox-inline ，控制它們顯示在同一行上。

復選框，可以設置 <div> 為父元素，類為 .custom-control 和 .custom-checkbox，復選框作為子元素放在該 <div> 里頭，然后復選框設置為 type="checkbox"，類為 .custom-control-input。

復選框的文本使用 label 標簽，標簽使用 .custom-control-label 類，label 的 for 屬性值需要匹配復選框的 id。

實例

<div class="checkbox">
    <label><input type="checkbox" value="">選項 1</label>
</div>
<div class="checkbox">
    <label><input type="checkbox" value="">選項 2</label>
</div>    
#內聯
<div>
    <label class="checkbox-inline">
        <input type="checkbox" id="inlineCheckbox1" value="option1"> 選項 1    </label>
    <label class="checkbox-inline">
        <input type="checkbox" id="inlineCheckbox2" value="option2"> 選項 2    </label>
    <label class="checkbox-inline">
        <input type="checkbox" id="inlineCheckbox3" value="option3"> 選項 3    </label>
</div>

上述就是小編為大家分享的怎么實現bootstrap復選框了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。