<!-- ChainedDropdowns uses this jquery plugin -->
<script src="js/jquery.chained.min.js"></script>
<!-- This script is required to use the placeholder attribute in IE -->
<script src="js/jquery.html-placeholder-shim.js"></script>
<!-- Twitter Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body { font-family:Comic Sans, Comic Sans MS, cursive; }
label { float:left; width:200px;, padding:5px; }
input,
.inputs-container { float:left; padding:5px; margin:5px; }
.clear { clear:both; }
div#testCheckbox-container label { width:auto; }
div#container { margin:100px; padding:20px 20px 50px 20px; border:10px dotted pink; }
div#checkboxes-container label,
div#radio-container label { width:auto; margin-right:10px; margin-left:2px; }
</style>
</head>
<body>
<div id="container">
<?php
echo $form->render();
?>
</div>
</body>
</html>
