<!-- 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>