Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revisionLast revisionBoth sides next revision | ||
wiki:plugin:bootswrapper:panel [2015/07/12 17:12] – Giuseppe Di Terlizzi | wiki:plugin:bootswrapper:panel [2016/08/21 01:47] – Giuseppe Di Terlizzi | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== Panels ====== | ====== Panels ====== | ||
- | < | + | ===== Basic example ===== |
+ | |||
+ | <panel type=" | ||
+ | \\ | ||
+ | < | ||
+ | |||
+ | ===== Panel with heading ===== | ||
+ | |||
+ | <panel type=" | ||
+ | Panel content | ||
+ | </ | ||
+ | \\ | ||
+ | <code html5>< | ||
Panel content | Panel content | ||
</ | </ | ||
+ | |||
+ | ===== Panel with subtitle ===== | ||
+ | |||
+ | <panel type=" | ||
+ | Panel content | ||
+ | </ | ||
+ | \\ | ||
+ | <code html5>< | ||
+ | Panel content | ||
+ | </ | ||
+ | |||
+ | ===== Contextual alternatives ===== | ||
+ | |||
+ | Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes. | ||
+ | |||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | \\ | ||
+ | <code html5> | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | <panel type=" | ||
+ | </ | ||
+ | |||
+ | ===== With tables ===== | ||
+ | |||
+ | Add any non-bordered table within a panel for a seamless design. If there is a '' | ||
+ | |||
+ | <panel type=" | ||
+ | < | ||
+ | ^ # ^ First Name ^ Last Name ^ Username ^ | ||
+ | ^ 1 | Mark | Otto | @mdo | | ||
+ | ^ 2 | Jacob | Thornton | ||
+ | ^ 3 | Larry | the Bird | @twitter | | ||
+ | </ | ||
+ | |||
+ | \\ | ||
+ | |||
+ | <code html5>< | ||
+ | < | ||
+ | ^ # ^ First Name ^ Last Name ^ Username ^ | ||
+ | ^ 1 | Mark | Otto | @mdo | | ||
+ | ^ 2 | Jacob | Thornton | ||
+ | ^ 3 | Larry | the Bird | @twitter | | ||
+ | </ | ||
+ | |||
+ | If there is no panel body, the component moves from panel header to table without interruption. | ||
+ | |||
+ | <panel type=" | ||
+ | ^ # ^ First Name ^ Last Name ^ Username ^ | ||
+ | ^ 1 | Mark | Otto | @mdo | | ||
+ | ^ 2 | Jacob | Thornton | ||
+ | ^ 3 | Larry | the Bird | @twitter | | ||
+ | </ | ||
+ | |||
+ | \\ | ||
+ | |||
+ | <code html5>< | ||
+ | ^ # ^ First Name ^ Last Name ^ Username ^ | ||
+ | ^ 1 | Mark | Otto | @mdo | | ||
+ | ^ 2 | Jacob | Thornton | ||
+ | ^ 3 | Larry | the Bird | @twitter | | ||
+ | </ | ||
+ | |||
+ | ===== Panel with icons ===== | ||
<panel type=" | <panel type=" | ||
Panel content | Panel content | ||
</ | </ | ||
+ | \\ | ||
+ | <code html5>< | ||
+ | Panel content | ||
+ | </ | ||
+ | |||
==== Attributes ==== | ==== Attributes ==== | ||
Line 16: | Line 103: | ||
| '' | | '' | ||
| '' | | '' | ||
+ | | '' | ||