Bootstrap Tutorials: The Best of Azmind

Published on: Feb 07 2017 by Anli

bootstrap tutorials best of azmind

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.

bootstrap contact form tutorial

2. How to add a MailChimp Subscribe Form to a Bootstrap Landing Page

A simple tutorial about how to add a MailChimp subscription form to a Bootstrap landing page or template. In the guide we use HTML, PHP and Javascript (jQuery). As an example, we use the Marco template.

bootstrap template mailchimp tutorial

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.

We’ll use Bootstrap Modals and, of course, HTML, CSS for styling the modal window, and JavaScript for the modal’s behaviour.

bootstrap modal video tutorial

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.

bootstrap contact form tutorial new field

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.

bootstrap contact form tutorial dropdown

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.

bootstrap wizard new step tutorial

Leave a Reply