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 .pager class
Get the pager links using the .pager Bootstrap class.You can try to run the following code to implement the .pager class in BootstrapExample Bootstrap Example Questions Previous Next
Read MoreStretch gathered items in Bootstrap 4
To stretch gathered items, use the .align-content-stretch class in Bootstrap 4. Use the align-content-stretch class as −
Read MoreUsage of Bootstrap next class to right-align the links
Use the .next class in Bootstrap to right align the links. You can try to run the following code to implement the .next class:Example Bootstrap Example Answers ← Older Newer →
Read MoreCreate a Flexbox container with Bootstrap 4
Use the d-flex class in Bootstrap to create a flexbox container.Here, I have set two flex items − One Two Above, I have used the d-flex class to set the container. The container has both the flex items styled using the bg-primary and bg-warning classes respectively.Let us see the complete example −Example Bootstrap Example Understanding Flex One Two
Read MoreAlign an element with the lowest element on the line in Bootstrap 4
Use align-bottom class in Bootstrap 4 to align an element with the lowest element on the line.Set the class as −Now add content − Bottom Alignment You can try to run the following code to align an element with the lowest element on the line in Bootstrap 4 −Example Bootstrap Example Example This is demo text Demo Baseline Top Alignment Middle Alignment Bottom Alignment
Read MoreSet a green border to an element in Bootstrap to indicate success
To set green border, use the border-success class in Bootstrap 4.The below element will have green border since we have set the class of the as border-success class − Green border You can try to run the following code to set green border to an element indicating success −Example Bootstrap Example .mystyle { width: 150px; height: 150px; margin: 10px; } Rectangle Green border
Read MoreGet a muted look with .disabled in Bootstrap Pager
To get a muted look with disabled class, you can try to run the following code −Example Bootstrap Example Answers Q1 Q2 Q3 Q4 Q5 Q6 ← Older Newer →
Read MoreBootstrap 4 Button .btn-outline-warning class
To set an outline on a button that indicates warning, you need to use the btn-outline class in Bootstrap.For my class, I have taken the below button − Warning (Errors) The button above has the class btn-outline-warning that allow us to add an orange outline stating warning action −You can try to run the following code to implement the btn-outline-warning class −Example Bootstrap Example Warning The following are the warning messages: semi-colon (;) missing infinite loop For more warning messages: Warning (Errors)
Read MoreUse previous and next class for alignment of links
You can try to run the following code to use the previous and next class for alignment of links:Example Bootstrap Example Answers ← Older Newer →
Read MoreSet positive action to the Bootstrap 4 card
To set positive/ success action to a card in Bootstrap, use the card-success class.Here, I have set the card-success class like we set class on any element like . Deal! In the same way, set other success messages − Task complete! Let us implement success action on a Bootstrap 4 card −Example Bootstrap Example Success Messages Deal! Cleared the 2nd round! Victory! Task complete!
Read More