Skip to content

Tag Archives: Bootstrap-Misc

The task is to switch a column of Bootstrap 4 grid layout to a row on small screen sizes. Syntax:   <element class="col-md-4 col-sm-6 ...">...</element> Approach:… Read More
Description: In Bootstrap 4, H2 tag can be added beneath or below H1 tag. Whereas in case of using float the H2 tag can’t be… Read More
The front end web development track consists of several languages, frameworks, and libraries. HTML, CSS, JavaScript, jQuery, AngularJS, ReactJS, VueJS, Bootstrap are some of those.… Read More
Here is the task to make horizontally scrollable in a bootstrap row. It can be done by the following approach: Approach: Making all the div… Read More
Here is the task to open the dropdown menu on hover in Bootstrap. The dropdown on mouseover can be done using the following methods. Using… Read More
The hamburger toggler color can be changed in Bootstrap 4 using 2 methods: Method 1: Using the inbuilt color classes The hamburger toggler color is… Read More
The navigation bar color can be changed in Bootstrap using 2 methods:Method 1: Using the inbuilt color classesChanging the text colorThe text color of the… Read More
Bootstrap allows us to align elements by using the utility class float. As we want to align the button to the right side of the… Read More
The .pull-left and .pull-right classes have been replaced with the .float-left and .float-right classes in Bootstrap 4. These utility classes are used to float an… Read More
Bootstrap provides a class to overlay the content and different style properties to make it appear more attractive. To fill the viewport or whole screen… Read More
A navigation bar is used in every website to make it more user-friendly so that the navigation through the website becomes easy and the user… Read More
Bootstrap modal: In simple words, the Modal component is a dialog box/popup window that is displayed on top of the current page, once the trigger… Read More
Bootstrap has the class called “collapse navbar-collapse” which collapses the navigation bar when the user changes the screen resolution. The java-script along-with it at the… Read More
Progress bars are used to show the progress of a process. Box shadow with progress bar style highlights the user progress of a task/process with… Read More
To place a button in the top right, there are several ways to do this. The easiest way to do this, Set “pull-right” in button… Read More

Start Your Coding Journey Now!