Cuadro centrado con texto frases
Enviado por eljoelon85 • 4 de Marzo de 2015 • Informes • 835 Palabras (4 Páginas) • 166 Visitas
-----------------------------------
CUADRO CENTRADO CON TEXTO FRASES
-----------------------------------
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="alert alert-info">
<p style="text-align:center">Texto</p>
</div>
</div>
</div>
-----------------------------------
CUADRO CENTRADO CON TEXTO PREGUNTAS
-----------------------------------
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="alert alert-success">
<p style="text-align:center">Texto</p>
</div>
</div>
</div>
-------------------------
CUADRO CENTRADO CON TEXTO
-------------------------
<div class="row">
<div class="thumbnail centro" style="max-width: 600px;">
<div class="alert alert-success">
<p style="text-align:center">Texto</p>
</div>
<div class="alert alert-info">
<p style="text-align:center">Texto</p>
</div>
<div class="alert alert-warning">
<p style="text-align:center">Texto</p>
</div>
</div>
</div>
-------------------------
CUADRO CON TEXTO E IMAGEN
-------------------------
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="thumbnail">
<div class="row">
<div class="col-md-8">
<p>Texto</p>
</div>
<div class="col-md-4">
<p style="text-align:center"><img src="../imagenes/explica/9/t9_01.jpg" width="350" height="232" class="img-responsive img-rounded centro" /></p>
</div>
</div>
</div>
</div>
</div>
-------------------------
CUADRO CON IMAGEN Y TEXTO
-------------------------
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="thumbnail">
<div class="row">
<div class="col-md-4">
<p style="text-align:center"><img src="../imagenes/explica/9/t9_01.jpg" width="350" height="232" class="img-responsive img-rounded centro" /></p>
</div>
<div class="col-md-8">
<p>Texto</p>
</div>
</div>
</div>
</div>
</div>
----------------------------------------------------------
CHEKPOINT CON CUADRO DE GLOSARIO Y SUS RESPECTIVOS MODALES
----------------------------------------------------------
<div class="col-md-4 centro">
<p>Revisa a continuación el Checkpoint:</p>
<div class="row cuadro1" style="text-align:left">
<p>Asegúrate de contestar las preguntas que se enlistan a continuación.</p>
<p>Una vez que lo hayas hecho, da clic sobre las preguntas para comparar tus respuestas y averiguar si respondiste acertadamente.</p>
<p>Haz clic <a href="javascript:;" data-toggle="modal" data-target="#check">aquí</a> acceder a ellas.</p>
</div>
<p> </p>
<div class="row cuadro2" style="text-align:left">
<p>Revisa un glosario del curso <a href="javascript:;" data-toggle="modal" data-target="#glosa">aquí</a>.</p>
</div>
</div>
<!--MODAL
...