多选框(checkbox)用于可多选的情况,单选框(radio)则只能选择一个。在普通的HTML中,checkbox、radio在和<label>等标签配合时会出现对齐的问题,Bootstrap很好地解决了这个问题,代码如下:
单选框和多多选框效果图
实现代码
上面的代码中我们将input标签都包含在了label中,强制其在一行,但是很多情况下我们不建议这么做。一般一个<label>中包含一个元素,如果遇到多个<label>标签则会垂直显示内容。Bootstrap中提供了几个样式类,如class="checkbox-inline"、class="radio-inline",可以使checkbox和radio显示在一行,代码如下: