Over the past months I’ve released many Bootstrap tutorials here on Azmind for various user levels, from beginners to more advanced. I’ve explained step by step how to do certain things with this framework, like for example, how to create a contact form, or how to modify a certain section of a free Bootstrap theme, etc.
So, I decided to create this page that will serve as a main hub for my past and future Bootstrap tutorials, making it easier to find them for those who want to learn how to use this framework.
Here they are:
1. How to Create a Bootstrap Contact Form with PHP, jQuery and AJAX
In this tutorial you can learn how to create a Bootstrap contact form using PHP, jQuery and AJAX (and also HTML5 & CSS3).
Our form will have 3 input fields: Email (the sender’s email), Subject (the subject of the message) and Message (the text of the message). It will also have an antispam question, to prevent spam messages, and another input field where the user can enter his answer.
In the end, you can download all the source files and use them in your projects. Click on the image below to open the tutorial.
2. How to add a MailChimp Subscribe Form to a Bootstrap Landing Page
3. How To Create a Modal Video in Bootstrap
Here you will learn how to easily create a Modal video, also known as “Pop-up video”, that appears when the user clicks on a specific button or link inside your web page.
4. Bootstrap Contact Forms: How to Add a New Field
A quick tutorial where I explain how to add a new field to these Bootstrap contact forms.
5. Bootstrap Contact Form: How to Add a New Dropdown (Select) Field
A simple tutorial where I explain step by step how to add a dropdown / select field to this Bootstrap contact form.
6. Bootstrap Wizard Form: How To Add A New Step
If you have used this Bootstrap form wizard template in the past, or are planning to use it in your future projects, this tutorial might help you. Here you’ll learn how to add a new step to the form.