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
Bootstrap 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 MoreContainer for checkboxes in Bootstrap
Add checkbox to a web page with Bootstrap, using the .checkbox class in BootstrapYou can try to run the following code to set container for checkboxes −Example Bootstrap Example Programming Survey Which programming languages do you like? Java C++ C
Read More