Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
wiki:plugin:bootswrapper:callout [2015/09/22 22:02] – created Giuseppe Di Terlizzi | wiki:plugin:bootswrapper:callout [2016/03/14 22:32] (current) – Giuseppe Di Terlizzi | ||
---|---|---|---|
Line 1: | Line 1: | ||
======= Callouts ====== | ======= Callouts ====== | ||
- | {{page>: | + | ~~NOTOC~~ |
- | <callout type="info"> | + | <callout type="question" |
=== What is the Callout component ? === | === What is the Callout component ? === | ||
The Bootstrap documentation has really nice callouts to draw attention to important information, | The Bootstrap documentation has really nice callouts to draw attention to important information, | ||
Line 12: | Line 12: | ||
===== Basic usage ===== | ===== Basic usage ===== | ||
- | < | + | < |
< | < | ||
=== Default Callout === | === Default Callout === | ||
+ | This is a default callout. | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | OR | ||
+ | |||
+ | <code html5> | ||
+ | <callout title=" | ||
This is a default callout. | This is a default callout. | ||
</ | </ | ||
Line 52: | Line 60: | ||
- | ===== Attributes | + | ===== Contextual Icons ===== |
+ | |||
+ | Create a contextual colors callout by adding '' | ||
+ | |||
+ | <callout type=" | ||
+ | === Primary Callout === | ||
+ | This is a primary callout. | ||
+ | </ | ||
+ | |||
+ | <callout type=" | ||
+ | === Success Callout === | ||
+ | This is a success callout. | ||
+ | </ | ||
+ | |||
+ | <callout type=" | ||
+ | === Info Callout === | ||
+ | This is an info callout. | ||
+ | </ | ||
+ | |||
+ | <callout type=" | ||
+ | === Warning Callout === | ||
+ | This is a warning callout. | ||
+ | </ | ||
+ | |||
+ | <callout type=" | ||
+ | === Danger Callout === | ||
+ | This is a danger callout. | ||
+ | </ | ||
+ | |||
+ | <code html5> | ||
+ | <callout type=" | ||
+ | <callout type=" | ||
+ | <callout type=" | ||
+ | <callout type=" | ||
+ | <callout type=" | ||
+ | </ | ||
+ | |||
+ | ==== Additional contextual icons ==== | ||
+ | |||
+ | <callout type=" | ||
+ | === Question Callout === | ||
+ | This is a question callout (alias of '' | ||
+ | </ | ||
+ | |||
+ | <callout type=" | ||
+ | === Tip Callout === | ||
+ | This is a tip callout (alias of '' | ||
+ | </ | ||
+ | |||
+ | <code html5> | ||
+ | <callout type=" | ||
+ | <callout type=" | ||
+ | </ | ||
+ | |||
+ | ===== Custom icons ===== | ||
+ | |||
+ | Add custom icon via '' | ||
+ | |||
+ | <callout icon=" | ||
+ | This is default callout with '' | ||
+ | </ | ||
+ | |||
+ | <code html5>< | ||
+ | |||
+ | <callout type=" | ||
+ | This is success callout with '' | ||
+ | </ | ||
+ | |||
+ | <code html5>< | ||
+ | |||
+ | ===== Custom colors ===== | ||
+ | |||
+ | <callout icon=" | ||
+ | This is callout with custom color ('' | ||
+ | </ | ||
+ | |||
+ | <code html5> | ||
+ | <callout icon=" | ||
+ | </ | ||
+ | |||
+ | ===== Options | ||
+ | < | ||
^ Attribute ^ Default Value ^ Allowed Values ^ Description ^ | ^ Attribute ^ Default Value ^ Allowed Values ^ Description ^ | ||
- | | '' | + | | '' |
+ | | '' | ||
+ | | '' | ||
+ | | '' | ||
+ | </ | ||