- 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
Ricky Barnes has Published 127 Articles
Ricky Barnes
10K+ Views
Use the float-right class in Bootstrap to place an element on the right.The default text alignment is on the left and use the float-right class to align text on the right as in the following code snippet − This text is on the right. It can be used on ... Read More
Ricky Barnes
280 Views
To set a light grey background for the Bootstrap 4 cards, use the bg-light class.Use “card bg-light” like any other class in Bootstrap − Image Editor The above gives a light grey background to the Bootstrap card.Let us see an example of the card-light class −ExampleLive Demo ... Read More
Ricky Barnes
460 Views
Use the card-link class to add a hover effect and blue color to any link in a card.The following is a code snippet showing three links with hover effect using the card-link class in Bootstrap 4 − Website Development App Development (iOS) App ... Read More
Ricky Barnes
61 Views
To stretch a flex item on different screens in Bootstrap 4, use the .align-self-*-stretch class.To strect in on different screens, you need to use align-self-sm-stretch, align-self-md-stretch, align-self-lg-stretch, etc. Below is an example for small screen size − A-one B-one C-one D-one You can try to run ... Read More
Ricky Barnes
683 Views
Use the flex-*-column-reverse class to display flex items vertically and reversed on different screen sizes.Here’s the example of reversing flex items on medium device using “flex-md-column-reverse” class − One Two Three In the same way, set for large devices using “flex-lg-column-reverse” class − One Two ... Read More
Ricky Barnes
328 Views
Set a grey border to an element, using the border-secondary class in Bootstrap 4.Add it like the following example − I have also included the “mystyle” class to style the div − .mystyle { width: 250px; height: 150px; margin: 10px; } Let us see an example to ... Read More
Ricky Barnes
67 Views
The flex-column-reverse is used to display reversed flex items with vertical orientation. Add the flex-column-reverse class as in the following code snippet −After that, add flex items inside it − Demo 1 Demo 2 Demo 3 You can try to run the following code to show flex ... Read More
Ricky Barnes
53 Views
To align gathered items from the start in different screens, use the .align-content-*-start class.Align the items as shown below in different screen sizes −Medium Screen Size Work 1 Work 2 Work 3 Work 4 Work 5 Large Screen Size Work 1 Work 2 ... Read More
Ricky Barnes
77 Views
To set an outline on a button that indicates positive action, you need to use the btn-outline-success class in Bootstrap.Here is how you can set it: More (Green Outline) You can try to run the following code to implement the btn-outline-success class −ExampleLive Demo ... Read More
To Continue Learning Please Login
Login with Google