Category: 04. Utilities

In Bootstrap, we can make any row horizontally scrollable by changing some CSS properties of the element: To change the display property of all div elements to inline: To add a scroll bar in a horizontal direction using the overflow-x property: To align all div elements in a single line by using the white-space property:…

Bootstrap is one of the most famous frameworks of CSS in web development. It is used to design and create websites with great designs and full responsiveness. It is used in front-end development, which makes it very easy to create web pages without so much HTML and CSS. It is compatible with almost all browsers.…

There are two ways to change the navigation bar color in Bootstrap: Method1: As we know that we have inbuilt classes in the Bootstrap where each class is defined in the documentation. So, we can change any text color by changing the class name to the appropriate color class name. For Example: Example 1: Output:…

What is Bootstrap? In web development, Bootstrap is one of the most famous frameworks of CSS. It is used to design and create websites with great designs and full responsiveness. It is used in the front-end development, which makes it very easy to create web pages without so much HTML and CSS. It is compatible…

What is Protocol? In networking, protocol means the set of rules which determines how data will be transmitted on a network and how device nodes will be managed. In this article, we will explain about the Bootstrapping protocol and how much it is important in managing the nodes in a network. The Bootstrap protocol is…

In this tutorial we will learn how to make images responsive in Bootstrap with examples. Bootstrap provides various classes for images to improve their appearance and make them responsive. Trying to make an image responsive implies that it needs to scale in accordance with its parent element. That is, the image’s size must not be…

In this article, we will understand how to create a sticky header with the help of Boostrap3. Firstly we will understand the basics of bootstrap and sticky header in boostrap. After that we will learn this concept with the help of examples. What do you mean by Bootstrap3? Bootstrap3 is used for adding design in HTML documents…

In this section, we are going to learn notification popup box. We will use the Bootstrap-growl JS plugin to do this. Growl is a type of notification system, which is used in the Microsoft Windows system, Mac OS for several years. The Growl notification system is used for the end-users to send them user-friendly, non-blocking…

In this section, we are going to use the bootstrap-multiselect.js plugin so that we can select multiple dropdown options with checkboxes. We will use Bootstrap and Jquery to do this. Bootstrap Jquery uses the plugin of bootstrap-multiselect.js so that users can select more than one checkbox. A lot of plugins are contained by Bootstrap, such…

In this article, we will create a star rating widget with the help of Bootstrap. In the beginning, we will learn some basic meanings of the bootstrap rating widget. After that, we will learn how to implement a bootstrap rating widget with the help of some examples. What do you mean by the Bootstrap rating…