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
Align flex items around on different screen sizes in Bootstrap
To align flex items around on different screen sizes, use the justify-content-*-around class.You can achieve the following result that justifies content on small and medium screen sizes −To implement the justify-content-*-around class in Bootstrap −Example Bootstrap Example Default ANS 1 ANS 2 ANS 3 Small Screen Size ANS 1 ANS 2 ANS 3 Medium Screen Size ANS 1 ANS 2 ANS 3 Large Screen Size ANS 1 ANS 2 ANS 3
Read MoreBootstrap Horizontal Form
To create a horizontal form in Bootstrap, follow the below steps − Add a class of .form-horizontal to the parent element. Wrap labels and controls in a with class .form-group. Add a class of .control-label to the labels.You can try to run the following code to create a horizontal form in Bootstrap −Example Bootstrap Example First Name Last Name Remember me Sign in
Read MoreBootstrap panel-footer class
Use the .panel-footer class in Bootstrap to set footer to panel.You can try to run the following code to implement panel-footer class −Example Bootstrap Example Panel heading Panel content Panel footer
Read MoreStyle Bootstrap card with bg-info class
Use the bg-info class with the card-class in Bootstrap 4 to add information in a card −Now include the card-body class in it − Bring your Laptop for the BootCamp Let us see an example to learn how to implement Bootstrap 4 bg-info class with the card class −Example Bootstrap Example Information - Event Bring your Laptop for the BootCamp
Read MoreBootstrap 4 .justify-content-*-center class
Use the justify-content-*-center class in Bootstrap 4 to center content on different screen sizes.For different screen sizes −justify-content-sm-center: Small Screen Size justify-content-md-center: Medium Screen Size justify-content-lg-center: Large Screen Size justify-content-xl-center: Extra Large Screen SizeLet us see how to implement the justify-content-*-center class −Example Bootstrap Example Vehicle Car Bike Truck Car Bike Truck Car Bike Truck Car Bike Truck
Read MoreBootstrap Form CheckBox
Use checkbox class if you want the user to select any number of options from a list. Use .checkbox-inline class to a series of checkboxes for controls appear on the same line.You can try to run the following code to implement Bootstrap form checkboxExample Try v1.2 Bootstrap Online Favourite Live Streaming Amazon Prime Hotstar
Read MoreCreate a caret arrow icon that represents dropdown button with Bootstrap
Use the .caret class in Bootstrap to create a caret arrow icon representing dropdown button.You can try to run the following code to create a carot arrow icon −Example Bootstrap Example Brands The car brands: Car BMW Toyota Audi Mahindra Volvo
Read MoreCenter any element in Bootstrap
Use the .center-block class in Bootstrap to center an element.You can try to run the following code to implement the .center-block class:Example Bootstrap Example Heading One Text will be in center.
Read MoreAdd left rounded corners to an element in Bootstrap
To add left rounded corners to an element like , then use the rounded-left class in Bootstarp 4.To set rounded left corners −You can try to run the following code to implement rounded-left class −Example Bootstrap Example .one { width: 200px; height: 100px; background-color: #FFFF00; margin: 8px; } Rounded Corner We have three rectangles with left rounded corner:
Read MoreIndicate a warning action to a particular table row or cell with Bootstrap
To indicate a warning action to a particular table row or cell with Bootstrap, use the .warning class.You can try to run the following code to implement the .warning class −Example Bootstrap Table Subject Marks Type Java 90 Programming Language PHP 92 Scripting Language jQuery 80 JavaScript Library
Read More