CSS Classes: .tab,.tab-content, .navand .nav-tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
CSS Classes: .tabwidth .dropdown
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
CSS Classes: .tabwith .tab-theme
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
Change the color theme to see how the tabs colors changes:
CSS Classes: Just add .tabs-leftwith the .tabclass
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et, dapibus nulla. Maecenas congue sodales.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et, dapibus nulla. Maecenas congue sodales turpis non tempus. Integer tristique blandit est, quis congue massa.
To make tabs activated on hover, add data-toggle="tab-hover"to the aelements in the nav-tabslist.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris.
CSS Classes: .tab-1p, .tab-2p, .tab-4por .tab-8p
Example: .tab-1p
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
CSS Classes: .tabwith .tab-default, .tab-primary, .tab-info, .tab-success, .tab-warning, .tab-dangeror .tab-inverse
Example: .tab-warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
CSS Classes: .tabs-bottom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper.
CSS Classes: Just add .tabs-rightwith the .tabclass
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et, dapibus nulla. Maecenas congue sodales.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et, dapibus nulla. Maecenas congue sodales turpis non tempus. Integer tristique blandit est, quis congue massa.
.panel .panel-heading .panel-controlLorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et tempor risus, sed tempor velit. Phasellus ut maximus nulla. Curabitur sit amet maximus nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae ullamcorper augue. Nulla vel interdum mauris, eu porttitor libero. Nulla convallis neque vel augue pretium, et blandit diam porttitor. Pellentesque at ligula ipsum. Vivamus faucibus nec felis a efficitur. Nam eu dui pellentesque, sagittis magna et.