Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Make tabs or pills of equal widths as of their parent at screens wider than 768px using class .nav-justified along with .nav, .nav-tabs or .nav, .nav-pills respectively. On smaller screens, the nav links are stacked.ExampleLive Demo Bootstrap Example Subjects Home Team Authors MVPs
To align the components like nav links, forms, buttons, or text to left or right in a navbar using the utility classes .navbar-left or .navbar-right. Both classes will add a CSS float in the specified direction.ExampleYou can try to run the following code to align componentsLive Demo Bootstrap Example Alignment Java jmeter EJB Jasper Report Separated link One more separated link Left align-Submit Button Left align-Text Java jmeter EJB Jasper Report Separated link One more separated link Right align-Submit Button Right align-Text
Use the standard links that are not within the regular navbar navigation component, and then use the class navbar-link to add proper colors for the default and inverse navbar options.You can try to run the following code to set standard links −ExampleLive Demo Bootstrap Example Website Copyright TP
To wrap strings of text in an element use the class .navbar-text.You can try to run the following code to implement the navbar-text in Bootstrap −ExampleLive Demo Bootstrap Example Demo Copyright © 2018
To create a table with Bootstrap, you can try to run the following codeExampleLive Demo Bootstrap Table Sports Table Footballer Rank Messi 1 Neymar 2
Use the Bootstrap class .navbar-fixed-top to set the navbar fixed to the top.You can try to run the following code to fix navbar to the top −ExampleLive Demo Bootstrap Example Modes of Transport Air Transport Water Transport
To fix navbar to the bottom, use the navbar-fixed-bottom class.You can try to run the following code to implement navbar-fixed-bottom class −ExampleLive Demo Bootstrap Example Java Topics Basics Interface Polymorphism Encapsulation
Use the .btn-info class to create a button for informational alert messages −ExampleLive Demo Bootstrap Example Info Button
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 &miuns;ExampleLive Demo Bootstrap Example Subjects Java WordPress JavaScript
For each of the .nav classes, if you add the .disabled class, it will create a gray link that also disables the :hover state.You can try to run the following code to set disabled links −ExampleLive Demo Bootstrap Example Website Home Team Authors MVPs Website (With disabled links) Home Team Authors (disabled link) MVPs