Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

Ambdós costats versió prèvia Revisió prèvia
Següent revisió
Revisió prèvia
wiki:plugins:bootstrapwrapper [08/06/2018 09:45] – [Popovers] matewiki:plugins:bootstrapwrapper [29/03/2020 03:23] (actual) – [Lables] mate
Línia 2: Línia 2:
 == alert == alert
 [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/alert]] [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/alert]]
-<alert type="success">...</alert> +<alert type="success">%%<alert type="success">...</alert>%%</alert> 
-<alert type="info">...</alert> +<alert type="info">%%<alert type="info">...</alert>%%</alert> 
-<alert type="warning">...</alert> +<alert type="warning">%%<alert type="warning">...</alert>%%</alert> 
-<alert type="danger">...</alert> +<alert type="danger">%%<alert type="danger">...</alert>%%</alert> 
-<alert type="warning" dismiss="true">**Warning!** Better check yourself, you're not looking too good.</alert> +<alert type="warning" dismiss="true">%%<alert type="warning" dismiss="true">**Warning!** Better check yourself, you're not looking too good.</alert>%%</alert> 
-<alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert>+<alert type="warning" dismiss="true" icon="fa fa-warning">%%<alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert>%%</alert>
  
 == badges == badges
Línia 49: Línia 49:
 This is a default callout. This is a default callout.
 </callout> </callout>
-<callout type="primary" icon="true"> [...] </callout> +<callout type="primary" icon="true"> %%<callout type="primary" icon="true"> [...] </callout>%% </callout> 
-<callout type="success" icon="true"> [...] </callout> +<callout type="success" icon="true"> %%<callout type="success" icon="true"> [...] </callout>%% </callout> 
-<callout type="info" icon="true"> [...] </callout> +<callout type="info" icon="true"> %%<callout type="info" icon="true"> [...] </callout>%% </callout> 
-<callout type="warning" icon="true"> [...] </callout> +<callout type="warning" icon="true"> %%<callout type="warning" icon="true"> [...] </callout>%% </callout> 
-<callout type="danger" icon="true"> [...] </callout> +<callout type="danger" icon="true"> %%<callout type="danger" icon="true"> [...] </callout>%% </callout> 
-<callout type="question" icon="true"> [...] </callout> +<callout type="question" icon="true"> %%<callout type="question" icon="true"> [...] </callout>%% </callout> 
-<callout type="tip" icon="true"> [...] </callout> +<callout type="tip" icon="true"> %%<callout type="tip" icon="true"> [...] </callout>%% </callout> 
-<callout icon="fa fa-user"> [...] </callout> +<callout type="success" icon="fa fa-plus"> %%<callout type="success" icon="fa fa-plus"> [...] </callout>%% </callout> 
-<callout type="success" icon="fa fa-plus"> [...] </callout> +<callout icon="fa fa-user"> %%<callout icon="fa fa-user"> [...] </callout>%% </callout> 
-<callout icon="fa fa-user" color="blue" title="Custom color + icon"> [...] </callout>+<callout icon="fa fa-user" color="blue" title="Custom color + icon"> %%<callout icon="fa fa-user" color="blue" title="Custom color + icon"> [...] </callout>%%</callout>
  
 == Collapse == Collapse
Línia 71: Línia 71:
 [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/image]] [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/image]]
  
 +%%<image shape="rounded">{{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}</image>%%
 <image shape="rounded"> <image shape="rounded">
 {{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}} {{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}
 </image> </image>
 +
 +%%<image shape="circle">{{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}</image>%%
 <image shape="circle"> <image shape="circle">
 {{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}} {{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}
 </image> </image>
 +
 +%%<image shape="thumbnail">{{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}</image>%%
 <image shape="thumbnail"> <image shape="thumbnail">
 {{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}} {{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}
 </image> </image>
 +
 +=== leyenda/caption en imágenes
 +este plugin no es propio de Boostrap Wrapper (si no de imagebox)
 +%%[{{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}]%%:
 +[{{:wiki:plugins:pasted:20180608-092540.png?nolink&100|Leyenda}}]
  
 == Lables == Lables
 [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/label]] [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/label]]
  
-<label type="default">default</label> +<label type="default">%%<label type="default">...</label>%%</label> 
-<label type="primary">primary</label> +<label type="primary">%%<label type="primary">...</label>%%</label> 
-<label type="success">success</label> +<label type="success">%%<label type="success">...</label>%%</label> 
-<label type="info">info</label> +<label type="info">%%<label type="info">...</label>%%</label> 
-<label type="warning">warning</label> +<label type="warning">%%<label type="warning">...</label>%%</label
-<label type="danger">danger</label+<label type="danger">%%<label type="danger">...</label>%%</label>
- +
-<LABEL type="default">default</LABEL+
-<LABEL type="primary">primary</LABEL> +
-<LABEL type="success">success</LABEL>+
  
 == Modal == Modal
Línia 149: Línia 155:
  
 <popover title="Popover title" content="And here's some amazing content. It's very engaging. Right?"><btn type="danger" size="lg">Click to toggle popover</btn></popover> <popover title="Popover title" content="And here's some amazing content. It's very engaging. Right?"><btn type="danger" size="lg">Click to toggle popover</btn></popover>
 +
 <popover placement="right" content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> <popover placement="right" content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
 <btn>Popover on right</btn> <btn>Popover on right</btn>
Línia 191: Línia 198:
 <bar value="80" type="danger"></bar> <bar value="80" type="danger"></bar>
 </progress> </progress>
 +
 <progress> <progress>
 <bar value="40" type="success" striped="true"></bar> <bar value="40" type="success" striped="true"></bar>
Línia 206: Línia 214:
 <bar value="80" type="danger" striped="true"></bar> <bar value="80" type="danger" striped="true"></bar>
 </progress> </progress>
 +
 <progress> <progress>
 <bar value="45" type="info" striped="true" animate="true"></bar> <bar value="45" type="info" striped="true" animate="true"></bar>
 </progress> </progress>
 +
 <progress> <progress>
 <bar value="35" type="success" striped="true"></bar> <bar value="35" type="success" striped="true"></bar>
Línia 215: Línia 225:
 </progress> </progress>
  
 +== Text
 +[[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/text]]
 +
 +<TEXT align="left">Left aligned text.</TEXT>
 +<TEXT align="center">Center aligned text.</TEXT>
 +<TEXT align="right">Right aligned text.</TEXT>
 +<TEXT align="justify">Justified text.</TEXT>
 +<TEXT align="nowrap">No wrap text.</TEXT>
 +
 +<text transform="lowercase">Lowercased text.</text>
 +
 +<text transform="uppercase">Uppercased text.</text>
 +
 +<text transform="capitalize">Capitalized text.</text>
 +
 +<text type="muted"> Texto de ejemplo para ver efecto </text>
 +
 +<text type="primary"> Texto de ejemplo para ver efecto </text>
 +
 +<text type="success"> Texto de ejemplo para ver efecto </text>
 +
 +<text type="info"> Texto de ejemplo para ver efecto </text>
 +
 +<text type="warning"> Texto de ejemplo para ver efecto </text>
 +
 +<text type="danger"> Texto de ejemplo para ver efecto </text>
 +
 +<text background="primary"> Texto de ejemplo para ver efecto </text>
 +
 +<text background="success"> Texto de ejemplo para ver efecto </text>
 +
 +<text background="info"> Texto de ejemplo para ver efecto </text>
 +
 +<text background="warning"> Texto de ejemplo para ver efecto </text>
 +
 +<text background="danger"> Texto de ejemplo para ver efecto </text>
 +
 +== Tooltips
 +[[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/tooltip]]
 +
 +<tooltip title="Sample Text" location="bottom">Lorem ipsum</tooltip> dolor sit amet...
  • wiki/plugins/bootstrapwrapper.1528476341.txt.gz
  • Darrera modificació: 08/06/2018 09:45
  • per mate