Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
Bootstrap Inline Forms with Utilities Example
Keywords : form, bootstrap, bootstrap form, bootstrap forms, bootstrap form examples, bootstrap form group, bootstrap form controls, bootstrap inline forms, bootstrap inline forms examples
Example
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Inline Forms with Utilities Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <style> .bcontent { margin-top: 10px; } </style> </head> <body> <div class="container-fluid bcontent"> <h2>Bootstrap Inline Forms with Utilities</h2> <hr /> <form class="form-inline"> <label for="email" class="mr-sm-2">Email:</label> <input type="email" class="form-control mb-2 mr-sm-2" id="email" placeholder="Enter email"> <label for="password" class="mr-sm-2">Password:</label> <input type="password" class="form-control mb-2 mr-sm-2" id="pwd" placeholder="Enter password"> <div class="form-check mb-2 mr-sm-2"> <input type="checkbox" class="form-check-input" id="chkletters"> <label class="form-check-label" for="inlineCheck">Remember me</label> </div> <button type="submit" class="btn btn-primary mb-2">Submit</button> </form> </div> </body> </html>
Click Here to See Result
Result
Previous
Next