使多个复选框与Bootstrap出现在同一行
使用Bootstrap中的.checkbox-line类使多个复选框显示在同一行上:
示例
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
<script src = "/scripts/jquery.min.js"></script>
<script src = "/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class = "container">
<h2>Programming Survey</h2>
<p>Which programming languages do you like?</p>
<form>
<label class = "checkbox-inline">
<input type = "checkbox" value = "">Java
</label>
<label class = "checkbox-inline">
<input type="checkbox" value="">C++
</label>
<label class = "checkbox-inline">
<input type = "checkbox" value = "">C
</label>
</form>
</div>
</body>
</html>热门推荐
10 歌词祝福语高级文案简短
11 毕业结婚祝福语简短精辟
12 猪年幽默祝福语简短
13 姨父生日祝福语简短精辟
14 周二祝福语大全简短
15 送给情侣贺卡祝福语简短
16 结婚祝福语亲姐姐简短
17 人民子弟春节祝福语简短
18 高考祝福语 简短12字