Difference between revisions of "Guides"
From Supercomputación y Cálculo Científico UIS
| Line 17: | Line 17: | ||
<h3 class="panel-title">Alertas</h3> | <h3 class="panel-title">Alertas</h3> | ||
</div> | </div> | ||
| + | <p> </p> | ||
| + | <pre> | ||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-XXXXXX fade in"> | ||
| + | <p> | ||
| + | <strong>Algún texto</strong> | ||
| + | </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-meadow">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </pre> | ||
| + | <p>Para los diferentes tipo de cajas de alerta se debe cambiar '''XXXXXX''' por las siguientes alternativas: | ||
| + | <ul> | ||
| + | <li>success</li> | ||
| + | <li>info</li> | ||
| + | <li>danger</li> | ||
| + | <li>default</li> | ||
| + | <li>light</li> | ||
| + | <li>lighter</li> | ||
| + | <li>dark</li> | ||
| + | <li>darker</li> | ||
| + | <li>warning</li> | ||
| + | </ul> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-success fade in"> | ||
| + | <p> | ||
| + | <strong>Success</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-info fade in"> | ||
| + | <p> | ||
| + | <strong>Info</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-danger fade in"> | ||
| + | <p> | ||
| + | <strong>Danger</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-default fade in"> | ||
| + | <p> | ||
| + | <strong>Default</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-light fade in"> | ||
| + | <p> | ||
| + | <strong>Light</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-lighter fade in"> | ||
| + | <p> | ||
| + | <strong>Lighter</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-dark fade in"> | ||
| + | <p> | ||
| + | <strong>Dark</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-darker fade in"> | ||
| + | <p> | ||
| + | <strong>Darker</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-4"> | ||
| + | <div class="alert alert-warning fade in"> | ||
| + | <p> | ||
| + | <strong>Warning</strong> | ||
| + | </p> | ||
| + | <p> </p> | ||
| + | <div class="btn btn-neutral-light">Take this action</div> | ||
| + | <div class="btn btn-neutral">Or do this</div> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
Revision as of 22:22, 18 March 2015
Bootstrapskin
Guías para edición de artículos de mediawiki con bootstrapskin
Alertas
<div class="col-md-4"> <div class="alert alert-XXXXXX fade in"> <p> <strong>Algún texto</strong> </p> <div class="btn btn-neutral-light">Take this action</div> <div class="btn btn-meadow">Or do this</div> </div> </div>
Para los diferentes tipo de cajas de alerta se debe cambiar XXXXXX por las siguientes alternativas:
- success
- info
- danger
- default
- light
- lighter
- dark
- darker
- warning
Success
Take this action
Or do this
Info
Take this action
Or do this
Danger
Take this action
Or do this
Default
Take this action
Or do this
Light
Take this action
Or do this
Lighter
Take this action
Or do this
Dark
Take this action
Or do this
Darker
Take this action
Or do this
Warning
Take this action
Or do this
Botones
Galeria de Imagenes en Carousel
