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
Create a tabbed menu with Bootstrap
To create a tabbed menu with Bootstrap, you can try to run the following codeExample Bootstrap Example Database The following are the database technologies: DB2 MySQL SQL CouchDB
Read MoreAllow wrapping of flex items in Bootstrap on different screens
To allow wrapping of flex items on different screens, use the flex-*-wrap class. The flex-wrap for varied screen sizes work for small, medium, large and extra large screens.For example, use the flex-lg-wrap class to wrap flex items on large screen −For small screen −You can try to run the following code to implement the flex-*-wrap class to wrap flex items on small and large screen size −Example Bootstrap Example ...
Read MoreBootstrap 4 .flex-row class
Use the flex-row class in Bootstrap to dispay flex items horizontally.Achieve the following using the flex-row class −Now add the flex-items in the class to allow horizontal alignment − Audi BMW Benz You can try to run the following code to implement the flex-row class −Example Bootstrap Example Flex Row Audi BMW Benz
Read MoreBootstrap Collapsible link
To create a collapsible link in Bootstrap, you can try to run the following codeExample Bootstrap Example More learning content More We have learning content on Java, PHP, Ruby, C, C++, etc.
Read MoreSet small modal in Bootstrap
Use the .modal-sm class in Bootstrap to set small modal with less width.You can try to run the following code to implement the .modal-sm class −Example Bootstrap Example Examination Result × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see the result. Close
Read MoreBootstrap 4 .card-footer class
Use the card-footer class in Bootstrap 4 to set the footer of a Bootstrap card.Add it using the class − Add footer message here The card-footer class comes after the card-header and card-body class − Details Timings: 4PM - 8PM Reach before 4PM You can try to run the following code to implement the card-footer class −Example Bootstrap Example Conference Details Timings: 4PM - 8PM Reach before 4PM
Read MoreBootstrap Collapsible button
The collapsible button is used in Bootstrap to create a collapsible that can be shown or hidden on click.You can try to run the following code to create a collapsible button:Example Bootstrap Example Contact Us Click for more info... More You can also contact us on 9199****** for more information on our products.
Read MoreBootstrap 4 .flex-*-row class implementation
To set flex items horizontally for different screen sizes like large, small, medium, etc, use the flex-*-row class.Let us see which flex-*-row class is used for different screen sizes −Small Screen Size: flex-sm-row Medium Screen Size: flex-md-row Large Screen Size: flex-lg-rowThe following is an example to set flex items horizontally for small screen size − Audi BMW Benz You can try to run the following code to implement .flex-*-row class in Bootstrap 4 −Example Bootstrap Example ...
Read MoreSet title of a modal in Bootstrap
Use the .modal-title class in Bootstrap to set the title of a modalExample Bootstrap Example Examination Result × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see the result. Close
Read MoreDisplay flex items horizontally on a specific screen size in Bootstrap
To set flex item horizontally in different screen size, use the flex-*-row class.The varied screen sizes is set for small, medium, large and extra large screen size. Let us see how to align flex items horizontally for small screen size −Flex Row (Small Screen) Audi BMW Benz The following is an example to display flex items horizontally on different screen size −Example Bootstrap Example Flex ...
Read More