究了一下午。。。。
多選框(checkbox)用于可多選的情況,單選框(radio)則只能選擇一個。在普通的HTML中,checkbox、radio在和<label>等標簽配合時會出現對齊的問題,Bootstrap很好地解決了這個問題,代碼如下:
單選框和多多選框效果圖
實現代碼
上面的代碼中我們將input標簽都包含在了label中,強制其在一行,但是很多情況下我們不建議這么做。一般一個<label>中包含一個元素,如果遇到多個<label>標簽則會垂直顯示內容。Bootstrap中提供了幾個樣式類,如class="checkbox-inline"、class="radio-inline",可以使checkbox和radio顯示在一行,代碼如下:
現效果
代碼:
*請認真填寫需求信息,我們會在24小時內與您取得聯系。