- 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
Found 700 Articles for Bootstrap
![Ankith Reddy](https://www.tutorialspoint.com/assets/profiles/22328/profile/60_142162-1519038074.jpg)
684 Views
Use the nav-stacked class to set the pills vertically. Set the pills vertically using the class .nav-stacked along with the classes: .nav, .nav-pills.You can try to run the following code to set vertical pills in Bootstrap −ExampleLive Demo Bootstrap Example Subjects Java WordPress JavaScript
![George John](https://www.tutorialspoint.com/assets/profiles/13511/profile/60_58410-1512537824.png)
119 Views
To indicate a dangerous action to a particular table row or cell with Bootstrap, use the .danger class. You can try to run the following code to implement the .danger class −ExampleLive Demo Bootstrap Table Subject Marks Type Java 90 Programming Language PHP 92 Scrpting Language jQuery 80 JavaScript Library
![Chandu yadav](https://www.tutorialspoint.com/assets/profiles/22330/profile/60_142811-1519038104.jpg)
378 Views
To apply hover color to a particular table row or cell with Bootstrap, use the .active class. You can try to run the following code to implement the .active class −ExampleLive Demo Bootstrap Table Subject Marks Type C++ 70 Programming Language PHP 92 Scripting Language jQuery 80 JavaScript Library
![Daniol Thomas](https://www.tutorialspoint.com/assets/profiles/13551/profile/60_130035-1512726078.jpg)
1K+ Views
To create a responsive table with Bootstrap, use the table-responsive class.You can try to run the following code to form a responsive table −ExampleLive Demo Bootstrap Table Subject Marks Type Java 90 Programming Language PHP 92 Scrpting Language jQuery 80 JavaScript Library
![Arjun Thakur](https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg)
244 Views
The lead class in Bootstrap is used to add emphasis to a paragraph.You can try to run the following code to implement the lead class in Bootstrap −ExampleLive Demo Bootstrap lead class Heading Two This is an example paragraph demonstrating the use of lead body copy.
![Chandu yadav](https://www.tutorialspoint.com/assets/profiles/22330/profile/60_142811-1519038104.jpg)
2K+ Views
Wrapping any .table in .table-responsive class, you will make the table scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.To make a responsive table, you can try to run the following code −ExampleLive Demo Bootstrap Table Subject Marks Student Programming 90 Amit Web Dev 92 Yuvraj Science 95 Sachin Economics 80 Tony
![Arjun Thakur](https://www.tutorialspoint.com/assets/profiles/13574/profile/60_74441-1560315595.jpg)
1K+ Views
The Bootstrap Contextual Class allows you to change the background color of your table rows or individual cells.The following are the classes −ClassDescription.activeApplies the hover color to a particular row or cell.successIndicates a successful or positive action.warningIndicates a warning that might need attention.dangerIndicates a dangerous or potentially negative actionExampleThe following is an example of the active class −ExampleLive Demo Bootstrap Table Subject Marks Student Maths 90 Amit Science 80 Aman English 85 Rahul
![Ankith Reddy](https://www.tutorialspoint.com/assets/profiles/22328/profile/60_142162-1519038074.jpg)
117 Views
Use the .table-condensed class, add denser information to a table.You can try to run the following code to implement a table-condensed class in Bootstrap −ExampleLive Demo Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal