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
Allow 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 MoreBootstrap Accordion
To create an Accordion in Bootstrap, you can try to run the following codeExample Bootstrap Example My Website Tutorials We provide tutorials on C, C++, Java, PHP, Networking, SEO, C++, C, etc. Quiz We provide quizzes on C, C++, Java, PHP, Ruby, DBMS, Networking, SEO, etc.
Read More