<img src="imagen1.png" class="hidden-xs">
<img src="imagen1Mobile.png" class="hidden-sm hidden-md hidden-lg">
ccc
Mostrando entradas con la etiqueta Bootstrap. Mostrar todas las entradas
Mostrando entradas con la etiqueta Bootstrap. Mostrar todas las entradas
CSS: Mostrar una imagen u otra dependiendo si está en Mobile o no
Si se está haciendo con Bootstrap solo hay que hacer:
Boostrap: ajusta el height de las columnas al height de la columna más alta
| <style> | ||||||||
| .rojo { background-color:#FF0000; } | ||||||||
| .azul { background-color:#2C2961; } | ||||||||
| .verde { background-color:#036C19; } | ||||||||
| </style> | ||||||||
| </head> | ||||||||
| <body> | ||||||||
| <div class="row"> | ||||||||
| <div class="col-md-4 rojo well"> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| </div> | ||||||||
| <div class="col-md-4 azul well"> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| </div> | ||||||||
| <div class="col-md-4 verde well"> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| En un lugar de la mancha<br> | ||||||||
| </div> | ||||||||
| </div> | ||||||||
| <script> | ||||||||
| $(document).ready(function() { | ||||||||
| var heights = $(".well").map(function() { | ||||||||
| return $(this).height(); | ||||||||
| }).get(), | ||||||||
| maxHeight = Math.max.apply(null, heights); | ||||||||
| $(".well").height(maxHeight); | ||||||||
| }); | ||||||||
| </script> // Esto si lo quieres manipular con JQuery, pero hacerlo todo en CSS directamente es mucho más fácil, solo debes poner:
|
Bootstrap: Mostrar sin necesidad de col-md
<div class="row">
<div class="container">
<?php
for ($i=0; $i < 14; $i++)
echo $i.", ";
?>
</div>
</div>
<div class="container">
<?php
for ($i=0; $i < 14; $i++)
echo $i.", ";
?>
</div>
</div>
Suscribirse a:
Entradas (Atom)