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 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 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</h2> <hr /> <form class="form-inline"> <label for="email">Email: </label> <input type="email" class="form-control" id="email" placeholder="Enter email"> <label for="password">Password: </label> <input type="password" class="form-control" id="pwd" placeholder="Enter password"> <div class="form-check"> <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">Submit</button> </form> </div> </body> </html>
Click Here to See Result
Result
Previous
Next