- 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
3K+ Views
Use the card-img-overlay class to turn an image into a card background.You need to first set the element and then use the card-img-overlay class as in the following code snippet − Avro Tutorial for Apache Avro Learn ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
154 Views
Use the border-warning class in Bootstrap to set orange border to an element.To add orange border, set the div as − Warning (Orange border) You can try to run the following code to implement the border-warning class −ExampleLive Demo Bootstrap Example ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
218 Views
To style navigation tab inside the card header in Bootstrap 4, use the .card-header-tabs and create navigation tabs like the below example −The following is an example to style navigation tabs inside the Bootstrap 4 card header −ExampleLive Demo Bootstrap Example ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
429 Views
Use the card-header-pills class in Bootstrap 4 to style navigation pills in card header.Set the navigation using the card-header-pills −The following is the code snippet to use the car-header-pills class with the na-pills class − Java ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
156 Views
Use the border-secondary class in Bootstrap 4 to add a gray border to an element.Set the border as − Gray border I have styled our element as shown in the following code snippet − .test { width: 200px; height: 150px; margin: 10px; } You can ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
216 Views
Use the tooltip(“show”) method in Bootstrap to display the tooltip. As shown below that the tooltip is visible on button click:$(document).ready(function(){ $(".btn-primary").click(function(){ $("[data-toggle='tooltip']").tooltip('show'); }); });The tooltip would be visible on a link wherein I have set the data-toggle attribute and the link text as shown in ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
48 Views
To set less important stuff in Bootstrap, use the btn-outline-secondary class.The outline is applied on a button and a green color is applied using the same class − Tools (Secondary Outline) Above, I have set the btn-outline-secondary class as any normal class set on any element, which is button ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
228 Views
Use the btn-outline-success class in Bootstrap to set green outline to a button.Green button outline states success and you can set a button like this − Result Above I have set the class on element just like we set a class on any other element in HTML or ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
253 Views
The shown.bs.tooltip event in Bootstrap fires when the tooltip is completely displayed:$("[data-toggle='tooltip']").on('shown.bs.tooltip', function(){ alert('Tooltip is completely visible now.'); });The data-toggle attribute above is set on a link, wherein the popup will originate on button click as shown in the following code snippet: Timings You can try to run ... Read More
![Alex Onsman](https://www.tutorialspoint.com/assets/profiles/13357/profile/60_91536-1512482971.jpg)
Alex Onsman
202 Views
Use the border-danger class to set a red border to an element.Set the border-danger class to an element as if we include any other class − Red Border Above, we have also set another class “new”, to style the element − .new { width: 120px; height: 120px; ... Read More