Bootstrap 4 Forms & Buttons | BOOTSTRAP 4 TUTORIAL


Forms and Buttons are crucial building blocks of basically every web page. Bootstrap 4 makes the addition and styling of forms and buttons a breeze thankfully! Learn how to take advantage of the right Bootstrap 4 classes to make your form inputs and buttons look good!


Source Code for the Video:
Watch the Series on
Official Forms Docs:
Official Button Docs:


• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.(
• Or visit our Website ( and subscribe to our newsletter!

See you in the videos!


Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at to find the learning resource of your choice!



  1. After implementing this, I'm getting a lot of white space on the left and right of my page. But I noticed that when I comment out:

    <link rel="stylesheet" href="" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"


    The white space goes back to normal. Does anyone know why this could be occurring?

  2. Very good videos, you type very fast though i can hardly keep up! This is also because my text editor doesnt have as many shortcuts where it autofinishes the <div> with a </div> and stuff like that

  3. I have a doubt, if I have 2 forms for the responsive one, as I do to validate the phone form, the script only validates the desktop

  4. Good Work – How ever this is still a static Form – Do you have any Videos/Tutorials where you sent this Form after being validated to an Email with AJAX/PHP ? This will really be helpful Thanks

  5. Hi Max. The e-mail validation of BS checks whether the user has an "@" in his email or not. But what about a "." (dot) just before an extension? BS says "Jeffrey@hello is a valid e-mailadress while it's not…

  6. Very usefull video. Works great for me. One question: Is it possible to add a success-message underneath the form when it is successfully submitted?


Please enter your comment!
Please enter your name here