Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
I’m using Visual studio Code for Code Editor and Windows machine. In this article , I completely focused with bootstrap for beginners & didn’t spend much time to design the form more attractive. You can definitely design the form much more better than me.
1.Create HTML Template:
Before using bootstrap, let’s create a file a blank html file with boilerplate html template.
2. Bootstrap Installation:
To use bootstrap in your current project, first visit the official website of Bootstrap. You can download the bootstrap from here but I recommend you that there is no need to download anything right now, just follow my instructions .
Now click on “ Get Started “
First Copy that CSS link and paste it your code after the </title> tag. Like this:
3. Create a Form:
We have to search for a From in search section.
Here, you can see that there are various type of form are available for us. Now scroll down a little bit. and we have to select this:
This is our Login Form
Just copy the provided code and paste it in you code after the </body> tag.
if you now save the code and open it in your browser, you will get to see this:
This is it !!!
We are done with our form. Now if you want to align it properly and change the look and feel of the form, you feel free to do so.
And one of the most important thing i.e. the form is completely responsive in nature.
Thank You So much for reading !!
Feel free to ask any problem.