Accordions

Easiest way to make your heading beautiful

App Accordion

Simple example of app-accordion feature.

Section 1
Integer viverra ligula placerat mi fermentum malesuada. Aenean eu tempor velit. Fusce iaculis turpis est, ut faucibus arcu ullamcorper eu.
Section 2
Quisque placerat placerat lacus, vitae accumsan mauris mollis quis. Maecenas accumsan justo eros.
Section 3
Morbi pulvinar pellentesque velit, nec pharetra urna consectetur sed. Vestibulum sed eros rhoncus enim fermentum ultricies tincidunt ac orci.

Full Height

Add data-type="full-height" to set 100% height relatively to parent.

Section 1
Integer viverra ligula placerat mi fermentum malesuada. Aenean eu tempor velit. Fusce iaculis turpis est, ut faucibus arcu ullamcorper eu.
Section 2
Nulla facilisi. Aenean venenatis venenatis elementum. Integer fringilla, orci vitae mollis dignissim, dui velit ullamcorper massa, a scelerisque leo felis non tellus. Nullam vitae est sed ante volutpat tempor eget nec sapien. Fusce gravida, nibh in ornare consectetur, neque ligula consequat tellus, eu consectetur ipsum neque ut dui.
Section 3
Morbi pulvinar pellentesque velit, nec pharetra urna consectetur sed. Vestibulum sed eros rhoncus enim fermentum ultricies tincidunt ac orci.

Close Other

Add data-open="close-other" to close other blocks on open.

Section 1
Integer viverra ligula placerat mi fermentum malesuada. Aenean eu tempor velit. Fusce iaculis turpis est, ut faucibus arcu ullamcorper eu.
Section 2
Quisque placerat placerat lacus, vitae accumsan mauris mollis quis. Maecenas accumsan justo eros.
Section 3
Morbi pulvinar pellentesque velit, nec pharetra urna consectetur sed. Vestibulum sed eros rhoncus enim fermentum ultricies tincidunt ac orci.

Bootstrap Accordion

Extend the default collapse behavior to create an accordion with the panel component.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Features On Heading

It's available to use button form elements etc.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Bootstrap Tabs

Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dicunt vocent accusata ei pri, in solum ornatus constituam mei. Posse feugiat id est, pro mundi ridens nusquam ex. Duo oblique facilis detracto an, alii error saepe ad sit. Has decore sapientem deseruisse ad, eligendi pericula electram te mei, consul labores cu sit.

Mea id quas lucilius laboramus, ex per malis everti consectetuer, sumo aperiam deseruisse ea eum.

Eos verterem repudiare rationibus id, vix ei fugit pertinacia intellegebat, rebum falli molestiae at mei. Doming integre feugiat id vim. Quidam interesset eam eu. Case viderer usu te, sea et omnes consulatu adversarium.

An nostrud nominati mei, ad quas postea malorum vis. Eum aliquam accusata similique ex, sed eu enim meliore, cu mea posidonium omittantur. Nibh tractatos efficiendi qui ei.

Justified

Easily make tabs equal widths.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dicunt vocent accusata ei pri, in solum ornatus constituam mei. Posse feugiat id est, pro mundi ridens nusquam ex. Duo oblique facilis detracto an, alii error saepe ad sit. Has decore sapientem deseruisse ad, eligendi pericula electram te mei, consul labores cu sit.

Mea id quas lucilius laboramus, ex per malis everti consectetuer, sumo aperiam deseruisse ea eum.

Eos verterem repudiare rationibus id, vix ei fugit pertinacia intellegebat, rebum falli molestiae at mei. Doming integre feugiat id vim. Quidam interesset eam eu. Case viderer usu te, sea et omnes consulatu adversarium.

An nostrud nominati mei, ad quas postea malorum vis. Eum aliquam accusata similique ex, sed eu enim meliore, cu mea posidonium omittantur. Nibh tractatos efficiendi qui ei.

Bordered Tabs Content

Add .tab-content-bordered to .tab-content, and get bordered container for tabs.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dicunt vocent accusata ei pri, in solum ornatus constituam mei. Posse feugiat id est, pro mundi ridens nusquam ex. Duo oblique facilis detracto an, alii error saepe ad sit. Has decore sapientem deseruisse ad, eligendi pericula electram te mei, consul labores cu sit.

Mea id quas lucilius laboramus, ex per malis everti consectetuer, sumo aperiam deseruisse ea eum.

Eos verterem repudiare rationibus id, vix ei fugit pertinacia intellegebat, rebum falli molestiae at mei. Doming integre feugiat id vim. Quidam interesset eam eu. Case viderer usu te, sea et omnes consulatu adversarium.

An nostrud nominati mei, ad quas postea malorum vis. Eum aliquam accusata similique ex, sed eu enim meliore, cu mea posidonium omittantur. Nibh tractatos efficiendi qui ei.

Bordered Content

Same feature for justified tabs.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dicunt vocent accusata ei pri, in solum ornatus constituam mei. Posse feugiat id est, pro mundi ridens nusquam ex. Duo oblique facilis detracto an, alii error saepe ad sit. Has decore sapientem deseruisse ad, eligendi pericula electram te mei, consul labores cu sit.

Mea id quas lucilius laboramus, ex per malis everti consectetuer, sumo aperiam deseruisse ea eum.

Eos verterem repudiare rationibus id, vix ei fugit pertinacia intellegebat, rebum falli molestiae at mei. Doming integre feugiat id vim. Quidam interesset eam eu. Case viderer usu te, sea et omnes consulatu adversarium.

An nostrud nominati mei, ad quas postea malorum vis. Eum aliquam accusata similique ex, sed eu enim meliore, cu mea posidonium omittantur. Nibh tractatos efficiendi qui ei.

Bootstrap Pills

Take that same HTML, but use .nav-pills instead.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dicunt vocent accusata ei pri, in solum ornatus constituam mei. Posse feugiat id est, pro mundi ridens nusquam ex. Duo oblique facilis detracto an, alii error saepe ad sit. Has decore sapientem deseruisse ad, eligendi pericula electram te mei, consul labores cu sit.

Mea id quas lucilius laboramus, ex per malis everti consectetuer, sumo aperiam deseruisse ea eum.

Eos verterem repudiare rationibus id, vix ei fugit pertinacia intellegebat, rebum falli molestiae at mei. Doming integre feugiat id vim. Quidam interesset eam eu. Case viderer usu te, sea et omnes consulatu adversarium.

An nostrud nominati mei, ad quas postea malorum vis. Eum aliquam accusata similique ex, sed eu enim meliore, cu mea posidonium omittantur. Nibh tractatos efficiendi qui ei.

Justified

Easily make pills equal widths.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dicunt vocent accusata ei pri, in solum ornatus constituam mei. Posse feugiat id est, pro mundi ridens nusquam ex. Duo oblique facilis detracto an, alii error saepe ad sit. Has decore sapientem deseruisse ad, eligendi pericula electram te mei, consul labores cu sit.

Mea id quas lucilius laboramus, ex per malis everti consectetuer, sumo aperiam deseruisse ea eum.

Eos verterem repudiare rationibus id, vix ei fugit pertinacia intellegebat, rebum falli molestiae at mei. Doming integre feugiat id vim. Quidam interesset eam eu. Case viderer usu te, sea et omnes consulatu adversarium.

An nostrud nominati mei, ad quas postea malorum vis. Eum aliquam accusata similique ex, sed eu enim meliore, cu mea posidonium omittantur. Nibh tractatos efficiendi qui ei.

Bordered Pills

Add class .nav-pills-bordered to get bordered style.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dicunt vocent accusata ei pri, in solum ornatus constituam mei. Posse feugiat id est, pro mundi ridens nusquam ex. Duo oblique facilis detracto an, alii error saepe ad sit. Has decore sapientem deseruisse ad, eligendi pericula electram te mei, consul labores cu sit.

Mea id quas lucilius laboramus, ex per malis everti consectetuer, sumo aperiam deseruisse ea eum.

Eos verterem repudiare rationibus id, vix ei fugit pertinacia intellegebat, rebum falli molestiae at mei. Doming integre feugiat id vim. Quidam interesset eam eu. Case viderer usu te, sea et omnes consulatu adversarium.

An nostrud nominati mei, ad quas postea malorum vis. Eum aliquam accusata similique ex, sed eu enim meliore, cu mea posidonium omittantur. Nibh tractatos efficiendi qui ei.

Bordered & Justified

Easily make pills equal widths.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Dicunt vocent accusata ei pri, in solum ornatus constituam mei. Posse feugiat id est, pro mundi ridens nusquam ex. Duo oblique facilis detracto an, alii error saepe ad sit. Has decore sapientem deseruisse ad, eligendi pericula electram te mei, consul labores cu sit.

Mea id quas lucilius laboramus, ex per malis everti consectetuer, sumo aperiam deseruisse ea eum.

Eos verterem repudiare rationibus id, vix ei fugit pertinacia intellegebat, rebum falli molestiae at mei. Doming integre feugiat id vim. Quidam interesset eam eu. Case viderer usu te, sea et omnes consulatu adversarium.

An nostrud nominati mei, ad quas postea malorum vis. Eum aliquam accusata similique ex, sed eu enim meliore, cu mea posidonium omittantur. Nibh tractatos efficiendi qui ei.

Notifications

7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM

Settings

Notification Settings