使多个复选框与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 出院祝福语简短8字
17 新婚祝福语简短句子
18 给女儿祝福语简短精辟