Cuadro centrado con texto frases

-----------------------------------

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>&nbsp;</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">&times;</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">&times;</button>

<h3 class="modal-title" id="myLargeModalLabel"><img src="../imagenes/contenido/bullet.png" style="margin-right: 30px;" width="25"

...