Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
Set disabled state for Bootstrap Buttons
To set disabled state, use the disabled class.You can try to run the following code for the disabled state of a button −Example Bootstrap Example The following are some buttons: Default Button Disabled Button
Read MoreCreate a bordered list group in Bootstrap
Use the .list-group class in Bootstrap to create a bordered list group.You can try to run the following code to implement .list-group class −Example Bootstrap Example Countries US India Netherlands Germany
Read MoreAlign single rows of items from the start in Bootstrap 4
Use the .align-items-start in Bootstrap 4 to align single rows of items from the start.Set the align-items-start class −Add the flex items − Product 1 Product 2 Product 3 Implementing align-items-start class to align single rows of items −Example Bootstrap Example Align Flex Items on a single row Product 1 Product 2 Product 3 Product 4
Read MoreCreate a striped Bootstrap progress bar
Follow the below given steps to create a striped progress bar in Bootstrap −Add a with a class of .progress and .progress-striped.Next, inside the above , add an empty with a class of .progress-bar and class progress-bar-* where * could be success, info, warning, danger.Add a style attribute with the width expressed as a percentage. Say, for example, style = "60%"; indicates that the progress bar was at 60%.You can try to run the following code to form a striped progress bar −Example Bootstrap Example Striped Progress Bars Warning Progress Bar 45%Complete (warning) Danger Progress Bar 80% Complete (danger)
Read MoreBootstrap btn-group class
Use the class .btn-group to create a button group.You can try to run the following code to implement the btn-group class −Example Bootstrap Example The following are the buttons: One Two
Read MoreCreate a list group heading in Bootstrap
To create a list group heading, use the .list-group-item-heading class in Bootstrap.You can try to run the following code to implement .list-group-item-heading class −Example Bootstrap Example Countries Asia India Nepal Europe Germany Italy Spain
Read MoreSet light grey outlined Bootstrap 4 Button
To set an outline on a button that is of light grey color, you need to use the btn-outline-light class in Bootstrap.Use the class as − Sample You can try to run the following code to implement the btn-outline-light class −Example Bootstrap Example Demo Button A light colored button is visible below: Sample
Read MoreImg-circle Bootstrap class
Use the img-circle Bootstrap class to style your image and make it completely round.You can try to run the following code to implement the img-circle classExample Bootstrap Images Styling images with Bootstrap Original Image Image with Rounded Corners
Read MoreItem text inside the list group in Bootstrap
To set item text inside the list group, use the .list-group-item-text class.You can try to run the following code to implement the .list-group-item-text class −Example Bootstrap Example Cars Hyundai i10 i20 Volkswagen Vento Polo
Read MoreTurn an image into a Bootstrap 4 card background
Use the card-img-overlay class to turn an image into a card background.You need to first set the element and then use the card-img-overlay class as in the following code snippet − Avro Tutorial for Apache Avro Learn Let us see an example to learn how to turn an image into a Bootstrap card background −Example Bootstrap Example Apach - Tool for Hadoop Avro Tutorial for Apache Avro Learn
Read More