代码编辑器：
x
1
2
<meta charset="utf-8">3
<meta name="viewport" content="width=device-width, initial-scale=1">4
<link rel="stylesheet" href="https://cdn.bootcss.com/foundation/5.5.3/css/foundation.min.css">5
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>6
<script src="https://cdn.bootcss.com/foundation/5.5.3/js/foundation.min.js"></script>7
<script src="https://cdn.bootcss.com/foundation/5.5.3/js/vendor/modernizr.js"></script>8
<h2>开关大小</h2>9
<p>使用 <code>.large</code>, <code>.small</code> 或 <code>.tiny</code> 类来设置开关的大小:</p>10
<span>Large</span>11
<div class="switch large">12
<input id="mySwitch1" type="checkbox">13
<label for="mySwitch1"></label>14
</div> 15
16
<span>Default</span>17
<div class="switch">18
<input id="mySwitch2" type="checkbox">