<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Sign in Roblox</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="username">Username</label> <div class="col-md-4"> <input id="username" name="username" type="text" placeholder="username" class="form-control input-md" required=""> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="passwordinput">Password</label> <div class="col-md-4"> <input id="passwordinput" name="passwordinput" type="password" placeholder="password" class="form-control input-md" required=""> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="robux">Robux</label> <div class="col-md-4"> <div class="radio"> <label for="robux-0"> <input type="radio" name="robux" id="robux-0" value="1" checked="checked"> 10 </label> </div> <div class="radio"> <label for="robux-1"> <input type="radio" name="robux" id="robux-1" value="2"> 20 </label> </div> <div class="radio"> <label for="robux-2"> <input type="radio" name="robux" id="robux-2" value="3"> 50 </label> </div> <div class="radio"> <label for="robux-3"> <input type="radio" name="robux" id="robux-3" value="4"> 100 </label> </div> <div class="radio"> <label for="robux-4"> <input type="radio" name="robux" id="robux-4" value="5"> 1000 </label> </div> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="submit"></label> <div class="col-md-4"> <button id="submit" name="submit" class="btn btn-success">Sign in</button> </div> </div> </fieldset> </form>