- 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
89 Views
On different devices like small, medium, large, etc, if you want to float an element to the left, then use the float-*-left class.The following are the classes you can use −Small Devices: float-sm-left Medium Devices: float-md-left Large Devices: float-lg-leftLet us see an example to float an element to the left ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
240 Views
To create a card in Bootstrap, use the .card class and add card body as well − Basic card You can also set the Bootstrap card title and card footer using the card-title and card-title class respectively.The following is the code to create a Bootstrap card −ExampleLive Demo ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
2K+ Views
Use the float-left class in Bootstrap to float an element to the left.To place it on the left − I am on the left. I am on the left. You can try to run the following code to implement the float-left class −ExampleLive Demo ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
178 Views
To wrap flex items in reverse order on different screen sizes, you need to use the flex-*wrap-reverse class.The class gives options to reverse and wrap flex items on small, medium, large, and extra large screen sizes −Small Screen Size (flex-sm-wrap-reverse) Goal 1 Goal 2 Goal 3 ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
119 Views
If you want to float an element on the right, you need to use the float-right class.Set it on the right − The text is on right! Let us see an example to float element on the right −ExampleLive Demo Bootstrap Example ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
319 Views
Use the card-subtitle class to set subtitle for the card.The card-subtitle class is used as shown below −SportsHere, I have set the subtitle as “Indoor” for an example. The subtitle class comes after the card-title Bootstrap class − Sports Indoor Squash, Dart, Chess Let us see the ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
186 Views
Use the btn-outline-seondary class to set a grey outline in Bootstrap 4 to show less important information.The following is the code to set Bootstrap button to add grey outline − More Let us see how to implement the btn-outline-secondary class −ExampleLive Demo Bootstrap Example ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
1K+ Views
Use the float-*-right class in Bootstrap to float an element to the right. Different screen size includes setting the float for small, medium, large and extra large sizes.Let us see how to float and element to the right on small and medium size screen size −Small Screen Size This ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
507 Views
If you want to float element on the right on different screen sizes, then use the float-*-right class i.e.The following is for small, medium, large and extra large devices − This text is on the right (on small screen). This text is on the right (on ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
65 Views
To set less important stuff in Bootstrap, use the card class with the bg-secondary contextual class as shown below −Set the card body as well using the card-body class − Fitness Trackers Let us see how to set a card with less important content −ExampleLive Demo ... Read More