The Bootstrap carousels we have seen in the last articles and tutorials, had all a “slide effect” when moving from one slide to the next.
But what if we want a different type of transition, like for example a “fade transition”? Can we do it?
The answer is “Yes”, and it can be done very easily. We’ll see it in today’s tutorial. Let’s begin!
A few days ago I created these Bootstrap 4 Carousel templates and then I wrote a tutorial about different ways to disable the autoplay feature.
Today we’ll continue with another tutorial, this time about how to create a responsive Bootstrap 4 Carousel with Multiple Items.
We’ll do this by using some CSS media queries and, as usual, some JavaScript (jQuery) code. Let’s see!
In this tutorial we’ll see how to stop the Autoplay function on a Bootstrap carousel.
If you’ve used this component of the Bootstrap framework before, you probably know that by default it cycles through elements automatically as soon as the page is loaded.
This is a nice feature to have, but in certain situations you might not want it. Instead, you might need a static carousel that stops “on page load” or one that stops and starts based on various events that happen on the page, like for example when the user scrolls down the page, clicks on a button or link, etc.
Here we’ll see 3 examples beginning with a simple carousel with no autoplay and then using buttons for pausing and starting the auto slide again.
For this tutorial we’ll use one of these carousel templates (template 3) as an example. At the end you can download all the example templates. Let’s begin!
Today’s free web design resource is a pack with 3 free Carousel templates made with Bootstrap 4 (version 4.2.1). They use the Bootstrap carousel component, are responsive and come with features like Autoplay, Captions, Controls and Indicators.
Also, the templates come with a logo section, navbar menu that changes the transparency as the user scrolls the page up and down, and some other example sections.
Below you can find the live demo and download links. Enjoy!
When working on large projects, an important part of the website or app that we’re building is asking for input from the users.
We usually implement and achieve this with forms. But in a large project there is a lot of information that we must collect from the user, like for example when applying for a financial service through an online bank’s website.
To improve the user experience which has been a very important part of modern website and app design in the last few years, we have three options:
Today, in this article, we will take a look at option 2: we’ll see 3 examples of using form fieldset-s in Bootstrap 4 (v4.2.1).
At the end you can preview and download the templates.
Let’s begin!
When it comes to admin templates, the options available online are numerous and it tends to get a tad confusing when the time to makes a decision arrives.
Here on Azmind, we have been through numerous such templates in our reviews, and today is the day for another one. We will be taking a more detailed look at Metronic, a responsive admin dashboard template by Keen Themes.
If you have been in the market for a new admin template or this is the very first time you are looking for one, we will be walking you through all the details of this particular template and give you a better idea as to how things work.
Metronic is currently one of the best selling admin templates on Themeforest, with over 65000 sales as of this month. It also comes with one of the highest ratings, which speaks volumes as to how this template performs and its usefulness.
It’s now time to get down to business and take a look at its many features!
Unify is a responsive premium template made with the Bootstrap framework. It comes with many features and ready to use pages, including an Admin theme and e-Commerce templates.
Today we’ll do an in-depth review of Unify and see why it is one of the most popular themes on the WrapBootstrap marketplace with over 34000 purchases at the moment of writing this article.
Let’s begin right away!