Bootstrap 4 Demo
Bootstrap 4 Code
Output
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head> <body> <div class="container"> <h3>Demo of labels in form</h3> <form> <div class="form-group"> <label for="label-name1">Enter Full Name:</label> <input type="text" class="form-control" id="label-name" aria-describedby="nameHelp" > </div> <div class="form-group"> <label for="label-email">Enter email:</label> <input type="email" class="form-control" id="label-email" aria-describedby="emailHelp"> </div> <div class="form-group"> <label for="label-password">Enter Password:</label> <input type="password" class="form-control" id="label-password" aria-describedby="passHelp"> <small id="passHelp" class="form-text text-muted">Must be 8 characters long</small> </div> <div class="form-check"> <input type="checkbox" class="form-check-input" id="CheckDemo"> <label class="form-check-label" for="CheckDemo">Agree with Terms & Conditions?</label> </div> <button type="submit" class="btn btn-success">Create Account</button> </form> </div> </body> </html>
Demo of labels in form
Enter Full Name:
Enter email:
Enter Password:
Must be 8 characters long
Agree with Terms & Conditions?
Create Account