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 .modal("toggle") method
Use the .modal(“toggle”) method in Bootstrap to toggle the modal.As shown below, the modal generates on the click of a button −$(document).ready(function(){ $("#button1").click(function(){ $("#newModal").modal("toggle"); }); });Here is the button used above − Modal One You can try to run the following code to implement the modal(“toggle”) method −Example Bootstrap Example Sample Modal One × Sample Modal Click outside to close it. Close $(document).ready(function(){ $("#button1").click(function(){ $("#newModal").modal("toggle"); }); });
Read MoreBootstrap class pull-right
Float an element to the right with class pull-right.You can try to run the following code to implement the pull-right classExample Bootstrap Example Float to right
Read MoreAdd Red label with Bootstrap
Use .label-danger class in Bootstrap to add red colored label.You can try to run the following code to implement the .label-danger class −Example Bootstrap Example If you find any issues, click below Danger
Read MoreContainer to create a grid of Bootstrap 4 cards like a group
To set a container for Bootstrap card and set it like a group, use the card-group class.Use it and create a grid like the following with two Bootstrap cards − Demo Text! Warning! The following is an example to create a grid (group of cards) in Bootstrap −Example Bootstrap Example Group of Messages Demo Text! Warning! Well done! Selected!
Read MoreAlign Dropdown to the right with Bootstrap
To align dropdown to the right, add the class .pull-right to .dropdown-menu. You can try to run the following code to align dropdown to the rightExample Bootstrap Example Cars BMW Audi Hyundai Mitsubishi Nissan
Read MoreBootstrap 4 .flex-wrap class
Use the flex-wrap class in Bootstrap 4 to wrap flex items. The following is the code snippet to wrap the flex items − . .
Read MoreAdd green label (stating success) with Bootstrap
Use .label-success class in Bootstrap to add green label.You can try to run the following code to implement the .label-success class −Example Bootstrap Example Success label Success
Read MoreAlign an element with the baseline of the parent in Bootstrap 4
Use the align-baseline class in Bootstrap 4 to align an element with the baseline of the parent elment.Set the align-baselinec class like the following code snippet −Now add the content inside it − Demo Baseline You can try to run the following code to align an element with the parent’s baseline −Example Bootstrap Example Example This is demo text Demo Baseline
Read MoreCaret Bootstrap class
Use carets to indicate dropdown functionality and direction. To get this functionality use the class caret with a element.You can try to run the following code to implement caret Bootstrap classExample Bootstrap Example Caret Example
Read MoreIncrease the font size of a paragraph with Bootstrap
Use the .lead class in Bootstrap to increase the font size of a paragraph.You can try to run the following code to implement lead class −Example Bootstrap Example Football FIFA The 2018 FIFA World Cup is the 21st FIFA World Cup. FIFA, 2018 is going on in Russia.
Read More