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" height="25">Glosario</h3>

</div>

<div class="modal-body">

<div class="row thumbnail">

<div id="glosario"></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 GLOSARIO-->

<script>

//chekpoint

$('#checkpoint').load('../contenido/tema3_checkpoint.htm');

//glosario

$('#glosario').load('../contenido/tema3_glosario.htm');

</script>

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

VIDEO SIN DESCRIPCIÓN

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

<div class="row">

<div class="col-md-6 col-md-offset-3">

<div class="alert alert-info" style="width:100%; margin:0 auto; margin-bottom: 25px;">

<style>.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>

<div class='embed-container'>

<iframe src='' frameborder='0' allowfullscreen></iframe>

</div>

</div>

</div>

</div>

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

VIDEO CON TÍTULO Y DESCRIPCIÓN

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

<div class="col-md-6 col-md-offset-3">

<p class="subtitulo"><strong>Título</strong></p>

<div class="alert alert-info" style="width:100%; margin:0 auto; margin-bottom: 25px;">

<style>

.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

</style>

<div class='embed-container'>

<!--<iframe src='http://www.youtube.com/embed/ZgFfhJBQplk' frameborder='0' allowfullscreen></iframe>-->

</div>

<br />

<p>Descripción</p>

</div>

...