- 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
Alex Onsman has Published 203 Articles
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
1K+ Views
To add a red border to an element, you need to implement the border-danger class.Red border implement danger and you can set danger messages inside it.Implementing the border-danger is quite easy − Red Border Let us see an example to work with the border-danger Bootstrap 4 class −ExampleLive Demo ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
136 Views
To align flex items around on different screen sizes, use the justify-content-*-around class.You can achieve the following result that justifies content on small and medium screen sizes −To implement the justify-content-*-around class in Bootstrap −ExampleLive Demo Bootstrap Example ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
160 Views
Use the bg-info class with the card-class in Bootstrap 4 to add information in a card −Now include the card-body class in it − Bring your Laptop for the BootCamp Let us see an example to learn how to implement Bootstrap 4 bg-info class ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
1K+ Views
Use the justify-content-*-center class in Bootstrap 4 to center content on different screen sizes.For different screen sizes −justify-content-sm-center: Small Screen Size justify-content-md-center: Medium Screen Size justify-content-lg-center: Large Screen Size justify-content-xl-center: Extra Large Screen SizeLet us see how to implement the justify-content-*-center class −ExampleLive Demo Bootstrap ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
806 Views
Use the .justify-content-*-end class to align flex items in the end on different screen sizes like this −For small screen size, use −justify-content-sm-endFor medium screen size, use −justify-content-md-endFor large screen size, use −justify-content-lg-endLet us see how to align flex items horizontally on small, medium and large screen sizes −ExampleLive Demo ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
88 Views
To add left rounded corners to an element like , then use the rounded-left class in Bootstarp 4.To set rounded left corners −You can try to run the following code to implement rounded-left class −ExampleLive Demo Bootstrap Example ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
88 Views
To create an inline flexbox container, use the d-inline-flex class in Bootstrap.Use the d-*-inline-flex class in Bootstrap to set the same inline flexbox container on specific screen size −Small Screen Size Small Medium Screen Size Medium Large Screen Size Large Let us see an example to learn ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
264 Views
Use the rounded-top class in Bootstarp 4 to set top rounded corners to an element.Using the class, I have set two rectangles using the same class − A new class is also set for div, to style it, .new { width: 60px; height: 60px; background-color: #26CF12; ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
418 Views
Use the card-header-tabs in Bootstrap to style navigation links in card header − Drupal Commerce WooCommerce The header tabs are set on Unordered List using nav-tabs and card-header-tabs ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
180 Views
To style navigation pills inside the card header in Bootstrap 4, use the card-header-pills class as shown below & minus;Set the navigation pills inside the header class in Bootstrap − Clothing Electronics ... Read More