Difference between revisions of "Guides"

From Supercomputación y Cálculo Científico UIS
Line 148: Line 148:
 
</div>
 
</div>
  
 
 
 
<div class="col-md-14">
 
    <div class="panel panel-midnight-white-border">
 
        <div class="panel-body">
 
            <div class="panel-heading">
 
                <h3 class="panel-title">Barras de Navegación - Alfabéticas</h3>
 
          </div>
 
 
 
 
        </div>
 
    </div>         
 
</div>
 
  
  
Line 172: Line 157:
 
                 <h3 class="panel-title">Botones</h3>
 
                 <h3 class="panel-title">Botones</h3>
 
           </div>
 
           </div>
 +
<p>&nbsp;</p>
 +
<p>Para los diferentes tipo de cajas de alerta se debe cambiar '''default''' 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>
 +
<li>neutral</li>
 +
<li>neutral-light</li>
 +
<li>primary</li>
 +
<li>cyanide</li>
 +
<li>meadow</li>
 +
<li>cocktail</li>
 +
<li>mango</li>
 +
<li>berry</li>
 +
<li>hearts</li>
 +
<li>party</li>
 +
<li>midnight</li>
 +
<li>cello</li>
 +
<li>hollow</li>
 +
<li>concrete</li>
 +
</ul>   
 +
</p>
  
 
+
<p>&nbsp;</p>
 +
<pre><div class="btn btn-default"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div> </pre>
 +
<div class="btn btn-default"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
 +
<p>&nbsp;</p>
 +
<pre><div class="btn btn-default btn-sm"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div></pre>
 +
<div class="btn btn-default btn-sm"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
 +
<p>&nbsp;</p>
 +
<pre><div class="btn btn-default btn-xs"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div></pre>
 +
<div class="btn btn-default btn-xs"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
 +
<p>&nbsp;</p>
 +
<pre><div class="btn btn-default btn-lg"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div></pre>
 +
<div class="btn btn-default btn-lg"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
 +
<p>&nbsp;</p>
 +
<pre><div class="btn btn-default disabled"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div></pre>
 +
<div class="btn btn-default disabled"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
  
 
         </div>
 
         </div>

Revision as of 22:42, 18 March 2015

Logo_sc33.png

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

 

Para los diferentes tipo de cajas de alerta se debe cambiar default por las siguientes alternativas:

  • success
  • info
  • danger
  • default
  • light
  • lighter
  • dark
  • darker
  • warning
  • neutral
  • neutral-light
  • primary
  • cyanide
  • meadow
  • cocktail
  • mango
  • berry
  • hearts
  • party
  • midnight
  • cello
  • hollow
  • concrete

 

<div class="btn btn-default"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div> 

 

<div class="btn btn-default btn-sm"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>

 

<div class="btn btn-default btn-xs"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>

 

<div class="btn btn-default btn-lg"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>

 

<div class="btn btn-default disabled"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>


Galeria de Imagenes en Carousel