<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-7"> <form class="form-horizontal" role="form"> <div class="panel panel-default"> <div class="panel-heading"> <span class="glyphicon glyphicon-cog"></span> Settings</div> <div class="panel-body"> <div class="form-group"> <label for="theme_name" class="col-sm-4 control-label"> Theme </label> <div class="col-sm-8"> <select class="form-control" id="theme_name" name="theme_name"> <option value="amelia"> Amelia </option> <option value="bootstrap"> Default </option> <option value="cerulean"> Cerulean </option> <option value="cosmo"> Cosmo </option> <option value="cyborg"> Cyborg </option> <option selected value="flatly"> Flatly </option> <option value="journal"> Journal </option> <option value="lumen"> Lumen </option> <option value="readable"> Readable </option> <option value="simplex"> Simplex </option> <option value="slate"> Slate </option> <option value="spacelab"> Spacelab </option> <option value="superhero"> Superhero </option> <option value="united"> United </option> <option value="yeti"> Yeti </option> </select> </div> </div> <div class="form-group"> <label for="navbar_style" class="col-sm-4 control-label" > Nav Style </label> <div class="col-sm-8"> <select class="form-control" id="navbar_style" name="navbar_style"> <option value="navbar-default">Default</option> <option value="navbar-inverse">Inverse</option> </select> </div> </div> <div class="form-group"> <label for="btn_style" class="col-sm-4 control-label" > Nav Buttons </label> <div class="col-sm-8"> <select class="form-control" id="btn_style" name="btn_style"> <option value="btn-primary">Primary</option> <option value="btn-default">Default</option> <option value="btn-success">Success</option> <option value="btn-info">Info</option> <option value="btn-warning">Warning</option> <option value="btn-danger">Danger</option> <option value="btn-inverse">Inverse</option> </select> </div> </div> <div class="form-group"> <label for="text_size" class="col-sm-4 control-label"> Icon Labels </label> <div class="col-sm-8"> <select class="form-control" id="display_label" name="display_label"> <option value="hide">Icons Only</option> <option value="">Icons/Labels</option> </select> </div> </div> </div> <div class="panel-footer"> <div class="form-group last"> <div class="col-sm-12 style="margin:0px;"> <button type="submit" class="btn btn-primary btn-block">Sign in</button> <button type="reset" class="btn btn-default btn-block">Reset</button> </div> </div> </div> </div> </form> </div> </div> </div>