- 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
Found 626 Articles for CSS Framework
169 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 Tools The following are the tools: Online Compiler Image Editor Image Optimizer Whiteboard For more tools, click below: More
61 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 Bootstrap Example Fitness Products Fitness Trackers Heart Rate Monitors
987 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 text is on the right (on small screen). Medium Screen Size This text is on the right (on medium screen). Let us see how to place an element on the right on different screens −ExampleLive Demo Bootstrap Example ... Read More
476 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 medium screen). This text is on the right (on large screen). This text is on the right (on extra large screen) Let us see the complete example to float element in right on different screen sizes −ExampleLive Demo Bootstrap Example ... Read More
109 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 Guidelines The text is on right! This is demo text.
316 Views
If you want to remove float from an element, then Bootstrap 4 has a class called float-none.This removes the float − This text is on the left (float removed). Default is left. On setting the float-none class, the text moves on the left, which is laso the default alignment settings.You can try to run the following code to implement the float-none class −ExampleLive Demo Bootstrap Example Demo This text is on the left (on small screen). ... Read More
74 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 on different screens −ExampleLive Demo Bootstrap Example Demo This text is on the left (on small screen). This text is on the left (on medium screen). This text is on the left (on large screen). This text is on the left (on extra large screen).
229 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 Bootstrap Example Demo Card This is the body of the card.
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 Bootstrap Example Text The following text is on the left: I am on the left.
165 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 Goal 4 . . . Large Screen Size (flex-lg-wrap-reverse) Goal 1 Goal 2 Goal 3 Goal 4 . . . You can try to run the following code to work with flex-*wrap-reverse class −ExampleLive Demo ... Read More