reBUSCa - Manual de estilo

O sistema Bootstrap ten unha serie de alertas xa formatadas según do tipo que sexan. Para reBUSCa formatamos, seguindo o posible o estilo da web da USC, tres tipos diferentes.

Para utilizalas, copia o código na vista HTML e logo segue estas instrucións:

• Se a alerta NON ten título, borrar:  "Título da alerta", e empezar a escribir onde dí  "Aquí vai o texto se a alerta non ten título"
   
• Se a alerta TEN título, borrar  "Aquí vai o texto se a alerta non ten título", e empezar a escribir onde dí "Aquí vai o título se a alerta ten título"
   
• Logo se pode escribir dentro da alerta, na vista do editor, como se fose texto normal da caixa de Rich Text / HTML.

Alertas de Bootstrap formatadas para reBUSCa

Información

Código

<div class="alert alert-info" role="alert">
<p><span class="alert-heading"><i aria-hidden="true" class="fa fa-info-circle"></i> Título da alerta </span> Aquí vai o texto se a alerta non ten título</p>

<p>Aquí vai o texto se a alerta ten título</p>
</div>

Aviso

Código

<div class="alert alert-warning" role="alert">
<p><span class="alert-heading"><i aria-hidden="true" class="fa fa-exclamation-triangle"></i> Título da alerta </span> Aquí vai o texto se a alerta non ten título</p>

<p>Aquí vai o texto se a alerta ten título</p>
</div>

Uso incorrecto ou erro

Código

<div class="alert alert-danger" role="alert">
<p><span class="alert-heading"><i aria-hidden="true" class="fa fa-times"></i> Título da alerta </span> Aquí vai o texto se a alerta non ten título</p>

<p>Aquí vai o texto se a alerta ten título</p>
</div>