- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/200_57779-1530512459.jpg)
About
Amit Diwan holds an MCA from GGSIPU, Delhi. He is an e-Learning professional who has worked as an employee as well as a freelancer for websites for more than 5 years. His specialization includes WordPress, creating tutorials, writing learning content, content management, etc. He has also written a research paper on e-Learning.
Amit Diwan has Published 103 Articles
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
499 Views
The border-left-0 class is used to remove the left border in Bootstrap 4.Use it like the following example − Removing left border Let us see an example to remove the left border of an element −ExampleLive Demo Bootstrap Example .demo { width: 220px; height: 220px; margin: 50px; } Bootstrap 4 Removing left border
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
593 Views
Use the .d-block class in Bootstrap to create block element.The d-block class is set as shown in the below code snippet − block You can try to run the following code to implement the d-block class −ExampleLive Demo Bootstrap Example ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
127 Views
To wrap flex items in reverse order, you need to use the flex-wrap-reverse class in Bootstrap.To wrap reverse flex items, use the flex-wrap-reverse class −Now add the flex items accordingly − Rank 1 Rank 2 Rank 3 Rank 4 Let us see an example to implement ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
69 Views
To show flex items on the right, horizontal on specific screen sizes, use the flex-*-row-reverse class in Bootstrap 4.Let us see how to set reverese flex items on different screen sizes −Small Screen Size: flex-sm-row-reverse Medium Screen Size: flex-md-row-reverse Large Screen Size: flex-lg-row-reverseYou can try to run the following code to ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
216 Views
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 −ExampleLive Demo ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
368 Views
Use the .modal(“toggle”) method in Bootstrap to toggle the modal.On button click, the modal generates using the modal(“toggle”) method −$(document).ready(function(){ $("#button1").click(function(){ $("#newModal").modal("toggle"); }); });The button is set here using the following code snippet − Modal One You can try to run the following code to ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
959 Views
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 ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
123 Views
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 ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
917 Views
Display the popover using the popver(“show”) method.You need to set the popover as − Sample Now display the popover −$(document).ready(function(){ $(".btn-default").click(function(){ $("[data-toggle='popover']").popover('show'); }); });Let us see the complete example display how to implement the popover(“show”) method −ExampleLive Demo Bootstrap Example ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
393 Views
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 ... Read More