Cuadro centrado con texto frases
Enviado por eljoelon85 • 4 de Marzo de 2015 • Informe • 835 Palabras (4 Páginas) • 192 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 CHECKPOINT-->
<div id="check" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 class="modal-title" id="myLargeModalLabel"><img src="../imagenes/contenido/bullet.png" style="margin-right: 30px;" width="25" height="25">Checkpoint</h3>
</div>
<div class="modal-body">
<div class="row thumbnail">
<div id="checkpoint"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--TERMINA MODAL CHECKPOINT-->
<!--MODAL GLOSARIO-->
<div id="glosa" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 class="modal-title" id="myLargeModalLabel"><img src="../imagenes/contenido/bullet.png" style="margin-right: 30px;" width="25"
...