Using the .table-condensed class, row padding is cut in half to condense the table. as seen in the following example. This is useful if you want any denser information.You can try to run the following code to implement table-condensed class in Bootstrap −ExampleLive Demo Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal
To segment button dropdowns in input groups, use the same general style as the dropdown button, but add a primary action along with the dropdown as can be seen in the following example:ExampleLive Demo Bootstrap Example Subject Toggle Dropdown Maths Science Course Toggle Dropdown BCA MCA
To make larger input group, use the input-group-lg.You can try to run the following code to implement the input-group-lg class in BootstrapExampleLive Demo Bootstrap Example $
To turn the tabs into pills, use the class .nav-pills,You can try to run the following code to implement Bootstrap Pills:ExampleLive Demo Bootstrap Example Subjects Java WordPress JavaScript AngularJS
To set a successful action in Bootstrap, use the .btn-success class.You can try to run the following code to implement btn-success class in Bootstrap −ExampleLive Demo Bootstrap Example Success Button
To form pills with dropdowns, you can try to run the following exampleExampleLive Demo Bootstrap Example Website Home About Products Online Compiler Image Editor Services Contact
For justified nav in Bootstrap, use the .nav-justfied class. You can try to run the following code for justified nav on a web page:ExampleLive Demo Bootstrap Example Subjects Home Tutorials Videos QA Tutors
Create an extra small button using the btn-xs Bootstrap class. You can try to run the following code to implement the btn-xs class:ExampleLive Demo Bootstrap Example Subject Programming Web Dev Database Networking
Change the size of the input groups, by adding the relative form sizing classes like .input-group-lg, input-group-sm, input-group-xs to the .input-group itself.You can try to run the following code to change the size of input groups in Bootstrap:ExampleLive Demo Bootstrap Example @ @ @
The Bootstrap success contextual class indicates a successful or positive action.You can try to run the following code to implement the .success class −ExampleLive Demo Bootstrap Table Subject Marks Student Maths 90 Amit Science 80 Aman English 85 Rahul
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP