<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>bootstrap中复选框和单选框的应用</title>
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'learn/css/bootstrap.css' %}">
<script src="{% static 'learn/js/jquery-1.12.4.js' %}"></script>
<script src="{% static 'learn/js/bootstrap.js' %}"></script>
</head>
<body>
<div class="container">
<label for="name">默认的复选框和单选框的实例</label>
<div class="checkbox">
<label><input type="checkbox">选项一</label>
</div>
<div class="checkbox">
<label><input type="checkbox">选项二</label>
</div>
<div class="radio">
<label>
<input type="radio" name="radio11" checked>选项一
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="radio11">选项二
</label>
</div>
<br><br>
<label>内联的复选框和单选框的实例</label><br>
<div class="checkbox-inline">
<label><input type="checkbox">选项一</label>
</div>
<div class="checkbox-inline">
<label><input type="checkbox">选项二</label>
</div>
<div class="radio-inline">
<label><input type="radio" name="radio12" checked>选项一</label>
</div>
<div class="radio-inline">
<label><input type="radio" name="radio12">选项二</label>
</div>
</div>
</body>
</html>
扫一扫
1141
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
