Taula de continguts

Bootstrap Wrapper Examples

alert

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/alert

badges

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/badge Inbox 42 Messages 4

Buttons

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/button Default Primary Success Info Warning Danger Link welcome Large button Large button

Default button Default button

Small button Small button

Extra small button Extra small button Block level button Block level button button panel button panel

Callout

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/callout

Default Callout

This is a default callout.

Default Callout

This is a default callout.
<callout type="primary" icon="true"> [...] </callout>
<callout type="success" icon="true"> [...] </callout>
<callout type="info" icon="true"> [...] </callout>
<callout type="warning" icon="true"> [...] </callout>
<callout type="danger" icon="true"> [...] </callout>
<callout type="question" icon="true"> [...] </callout>
<callout type="tip" icon="true"> [...] </callout>
<callout type="success" icon="fa fa-plus"> [...] </callout>
<callout icon="fa fa-user"> [...] </callout>

Custom color + icon

<callout icon="fa fa-user" color="blue" title="Custom color + icon"> [...] </callout>

Collapse

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/collapse

Click Me

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

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="circle">{{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}</image>

<image shape="thumbnail">{{:wiki:plugins:pasted:20180608-092540.png?nolink&100|}}</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|}}]:

Leyenda

Lables

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/label

<label type="default">...</label> <label type="primary">...</label> <label type="success">...</label> <label type="info">...</label> <label type="warning">...</label> <label type="danger">...</label>

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/modal

Launch demo modal

Large modal Small modal

GIT

Panel

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/panel

Basic panel example

Panel title

Panel content

Panel title

Panel subtitle

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Panel title

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Panel title

Panel subtitle

Panel content

Popovers

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/popover

Click to toggle popover

Popover on right

Popover on top

Popover on bottom

Popover on left Dismissible popover Dismissible Popover

ProgressBar

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/progress-bar

60%
60%
40%
20%
60%
80%
40%
20%
60%
80%
45%
35%
20%
10%

Text

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/text

Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.

Lowercased text.

Uppercased text.

Capitalized text.

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Texto de ejemplo para ver efecto

Tooltips

http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/tooltip

Lorem ipsum dolor sit amet…