#      
#  Overview
Bootstrap forms contain input-based components used to collect information from users. They can be simply changed and used as a login, subscribe, or contact form. Validation has altered with the introduction of the Bootstrap 4 beta.


# 
#  Syntax
The syntax is shown below:
```html
<form>
   <input> Form data and inputs_______
</form>
```
# 
#  Parameters
The form will take the username and password as parameters.
##
## Return value
According to input, the form will return the username and password.

##
## Types
* **Stacked form**: As the name shows, the form elements are stacked. We can add as many fields as required, and they all will be seen one over the other.
* **Inline form**: This type of form has all fields in a single line. If the fields exceed the screen width, then the fields will be moved to the next line in the same inline manner.

* **Row or column form**: This Bootstrap 4 form is helpful when we deal with multiple screens and multiple widths of the display. The rows and columns help to maintain usability and space.




##
## Code
Let's look at the code below:


<!DOCTYPE html>
<html>
   <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
      <form>
         <h1>The normal bootstrap 4 Forms in stack manner</h1>
         <div class="form-group">
            <label for="name">Username</label>
            <input type="text">
         </div>
         <div class="form-group">
            <label for="pwd">Password</label>
            <input type="password">
         </div>
         <button type="submit">Submit</button><br>
         <h1> The Inline bootstrap 4 Forms</h1>
         <label for="name">Username</label>
         <input type="name">
         <label for="pwd">Password</label>
         <input type="password">
         <button type="submit">Submit</button><br>
         <h1>The Row and Column view of bootstrap 4 Forms</h1>
         <div class="row">
            <div class="col">
               <label for="name">Username</label>
               <input type="name">
            </div>
            <div class="col">
               <label for="pwd">Password</label>
               <input type="password">
            </div>
         </div>
         <button type="submit">Submit</button>
      </form>
   </body>
</html>

codemirror

What are Bootstrap 4 forms?

 Overview Bootstrap forms contain input-based components used to collect information from users. They can be simply changed and used as a login, subscribe, or contact form. Validation has altered with the introduction of the Bootstrap 4 beta.  Syntax The syntax is shown below:      Form data and inputs_______    Parameters The form will take the username and password as parameters.  Return value According to input, the form will return the username and password.  Types   Stacked form: As the name shows, the form elements are stacked. We can add as many fields as required, and they all will be seen one over the other.   Inline form: This type of form has all fields in a single line. If the fields exceed the screen width, then the fields will be moved to the next line in the same inline manner.   Row or column form: This Bootstrap 4 form is helpful when we deal with multiple screens and multiple widths of the display. The rows and columns help to maintain usability and space.    Code Let s look at the code below: 

What are Bootstrap 4 forms?

Overview

Syntax

Parameters

Return value

Types

Code

Explanation