Category Archives: Bootstrap

Given an HTML document and the task is to create a bootstrap modal that can be scrolled and dragged on a mobile device. This task… Read More
Given an HTML document with two icons, the task is to alternatively display the icons each time when a user clicks on the icon. This… Read More
Given an HTML document containing a bootstrap accordion, the task is to expand a particular section of the accordion, based on the query passed in… Read More
In this article, we will be learning how to use image overlay correctly with Bootstrap. But before that, first, we need to know what is… Read More
ReactJS has a very beautiful way to align images and text vertically in the same line in React Bootstrap. ReactJS is a front-end library developed… Read More
In this article, we will create a multi-step progress bar using Bootstrap. In addition to Bootstrap, we will use jQuery for DOM manipulation. Progress bars… Read More
We will learn about how to edit Bootstrap 4 date input value. The task is to change the value of the date field with the… Read More
How to implement a Crack-The-Game game using JavaScript? It is quite easy to develop with some simple mathematics. Player has to guess the 3 numbers… Read More
Dropdowns are a set of links or a list which is displayed on clicking a button or on a keyboard event. Bootstrap also comes up… Read More
Form controls: <input>, <select>, <textarea> are the tags used for general appearance like input field, select item and textareas.      Note: To make the… Read More
Given an HTML document with relevant Boostrap glyphicon and the task is to apply the custom color to them.  Approach: First, we need to assign… Read More
Bootstrap Collapse plugin helps to collapse the web page content and toggle its visibility across the application. The plugin helps to divide the page content… Read More
In this article, we will see how we can make a div that will contain images having a fixed size. This can be very helpful… Read More
We are given an HTML document (linked with Bootstrap) with a flexbox and a container. The goal is to stretch the flexbox to fill the… Read More
In order to make a website responsive, the clever to-do is by using Bootstrap. By using Bootstrap, we can make our website look good and… Read More