Bootstrap Panels

By default, all the panelclass does is apply some basic border and padding to contain some content. Easily add a heading container to your panel with .panel-heading. You may also include any <h1>-<h6>with a .panel-titleclass to add a pre-styled heading. However, the font sizes of <h1>-<h6>are overridden by .panel-heading.

Panel Purple

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi aliquid corporis totam nisi sit omnis expedita sapiente sed quidem itaque blanditiis cumque, quia magnam, quaerat repudiandae at distinctio labore harum.

Panel Orange

Duis vulputate lacinia ex, eget pretium arcu ultricies sit amet. Proin hendrerit vulputate lacus, eu sagittis ex ornare in. Vestibulum sit amet scelerisque enim. Sed gravida urna sed rutrum sagittis.

Panel Green

Suspendisse ullamcorper justo non massa euismod, in posuere sem convallis. Nam orci sapien, fermentum id maximus nec, venenatis in nunc. Pellentesque euismod, dolor a pretium luctus, ipsum augue tristique ligula.

Panel Red

Vestibulum scelerisque enim vel sapien auctor, vel feugiat magna malesuada. Proin finibus lacinia tortor, at feugiat metus porttitor id. Nam imperdiet erat eget velit maximus, in dapibus odio semper.

Panel blue

Curabitur suscipit et augue nec sollicitudin. Nunc et egestas quam. Sed pharetra augue a malesuada euismod. Vivamus posuere tortor lacus, et tristique odio dapibus tristique. Sed purus magna, sollicitudin non commodo.

Panel Yellow

Donec efficitur sapien eu erat imperdiet, sit amet porta ipsum rhoncus. Maecenas luctus nisi ac augue rhoncus, sed tincidunt dui scelerisque. Donec placerat lectus consectetur, consequat orci egestas, iaculis leo.

Collapse

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

Suspendisse eu pharetra ex. In vitae blandit nisl. Sed quis neque varius, malesuada mi consequat, tincidunt iaculis leo. In vitae augue eget velit viverra cursus. Sed pellentesque semper lorem, sed imperdiet iaculis sollicitudin. Etiam pretium, sapien vitae placerat mollis, lectus dolor ultrices.

Vivamus eget diam at ipsum molestie rhoncus at ut diam. Vivamus a ex ut tortor ultricies rutrum ullamcorper eget leo. Proin bibendum commodo. Curabitur fermentum nulla metus, sit amet urna a. Vestibulum ante ipsum primis in faucibus orci luctus et cubilia. Aenean porttitor ante vitae lobortis luctus. Duis id leo vitae. Pellentesque sit amet justo vestibulum, varius eros.

Nam nec pulvinar metus, nec dictum mauris. Proin laoreet pretium tempor. Pellentesque vel dui. Tincidunt nec libero et lacus tempus euismod. Integer sed elit malesuada, congue est eu. Blandit elementum lorem, et gravida nulla ullamcorper ac. Nam sit amet suscipit odio. Justo et congue.

Copyright© 2016 Develop by Zwolek. All Rights Reserved.