- 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
502 Views
To justify the flex items on the end, use the justify-content-end class.To justify the flex items on the end, on different screen sizes, use the justify-content-*-end class. The flex items justified at the end would be visible like the following on different screen sizes −Small Screen Size Alabama New York ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
146 Views
Add less important stuff, using the card class with the bg-secondary contextual class in Bootstrap.This class adds a gray background −Inside that, add the card body − English You can try to run the following code to implement the card class with bg-secondary class in Bootstrap −ExampleLive Demo ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
548 Views
To create a block element, use the .d-block Bootstrap 4 class.Use the d-block class − A block To set blocks for difference screen sizes, use the .d-*-block − A block for medium screen size Let us see an example to learn how to create block element −ExampleLive Demo ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
925 Views
To align a flex item in the center with Bootstrap 4, use the .align-self-center class.The following is my div for flex −Now add flex items and here I have applied the align-self-center class on the 3rd flex item − A-one B-one C-one D-one You can try ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
82 Views
Add key stuff to a Bootstrap card, using the bg-primary class with the card class.Use the bg-primary class in the card class − Eisner Award I have used the text-white class above, to set the text to be white.Let us see a example how ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
182 Views
To set an outline on a button that is of light grey color, you need to use the btn-outline-light class in Bootstrap.Use the class as − Sample You can try to run the following code to implement the btn-outline-light class −ExampleLive Demo Bootstrap Example ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
129 Views
Display a green border to an element in Bootstrap that indicates success using the border-success class.Set the border as green − Green border I have also added “mystyle” class in the div, which is to style our div, a rectangle in my example −.mystyle { width: 250px; ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
125 Views
To set negative action (danger) for cards with red background color, you need to use the Bootstrap contextual class card-danger.Set the danger action − Danger! High Voltage! You can try to run the following code to set danger action for a card in Bootstrap 4 −ExampleLive Demo ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
424 Views
Set a container of cards, using the card-deck class.Work it inside the following div that would be of equal width and height − You can try to run the following code to implement the card-deck class −ExampleLive Demo ... Read More
![Amit Diwan](https://www.tutorialspoint.com/assets/profiles/12232/profile/60_57779-1530512459.jpg)
Amit Diwan
95 Views
Use .align-content-*-center class to align gathered items in the center on different screens in Bootstrap 4.Here is how you can align gathered items in the center on different screens −Small Screen SizeMedium Screen SizeLarge Screen SizeYou can try to run the following code to align gathered items in the center ... Read More