---
title: "Basic form with the help of Bootstrap classes"  
description: "Basic form with the help of Bootstrap classes"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2021-07-28  
canonical: https://www.mindstick.com/forum/156618/basic-form-with-the-help-of-bootstrap-classes  
category: "bootstrap"  
tags: ["bootstrap"]  
reading_time: 2 minutes  

---

# Basic form with the help of Bootstrap classes

How to create a [basic](https://www.mindstick.com/forum/161830/what-are-the-security-risks-of-using-basic-authentication) [form](https://www.mindstick.com/forum/6/multi-form-mfc-application) with the help of [Bootstrap classes](https://www.mindstick.com/forum/156617/collapsible-navbar-with-logo-with-the-help-of-bootstrap-classes)?

## Replies

### Reply by Anonymous User

To make a Basic form with the help of an [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) classes see the below example:

```
<html lang='en'>
<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
    <title>Bootstrap Dropdown</title>
    <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css' rel='stylesheet' integrity='sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC' crossorigin='anonymous'>
    <script src='https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js' integrity='sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM' crossorigin='anonymous'></script>
</head>
<body>
    <div class='container d-flex justify-content-center flex-column'>
        <form action=''>
            <div class='form-group my-3'>
                <label for='email'>Email ID</label>
                <input type='email' class='form-control' placeholder='Enter email' id='email'>
            </div>
            <div class='form-group my-3'>
                <label for='pwd'>Password:</label>
                <input type='password' class='form-control' placeholder='Enter password' id='pwd'>
            </div>
            <div class='form-group form-check my-3'>
                <label class='form-check-label'>
                    <input class='form-check-input' type='checkbox'>
                    Remember me
                </label>
            </div>
            <button type='submit' class='btn btn-outline-primary'>Submit</button>
        </form>
    </div>
</body>
</html>
```

Hope this will help you.

Happy Coding!


---

Original Source: https://www.mindstick.com/forum/156618/basic-form-with-the-help-of-bootstrap-classes

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
