[ad_1]
https://i.ytimg.com/vi/xS5n6QOx9x8/hqdefault.jpg
Cursos::
Firebase:https://goo.gl/KBz7TT
Si estas interesad@ en mas cursos
1. No olvides Suscribirte….
2.Sigueme por las redes sociales
Twitter:https://twitter.com/_TecnoSoftware
Facebook:https://www.facebook.com/TecnoSoftwareVe
/***************************************************************/
Si deseas colaborar en el canal y compartir tus conocimientos
Escribeme a : manuel.cesan@gmail.com
Original source
5 responses to “8.- Curso Bootstrap 4 – imagenes”
Hola…como hacer para rotar o girar 180 grados una imagen en bootstrap 4 ?…grs
no se ajusta 100% x 100% al contenedor
creo que es mejor hacerlo responsive
Te falto explicar como hacer para que la imagen ocupe todo el contenedor de la pagina
Tengo problemas con alinear la imagen a la derecha, izuierda o centro como asi tambien con el rounded… dejo mi codigo mas abajo para que puedas ver donde me estoy equivocando
<!DOCTYPE html>
<html lang="en">
<head>
<!– Required meta tags –>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Imagenes</title>
<!– Bootstrap CSS –>
<link rel="stylesheet" href="css/bootstrap.css">
<!– Agregamos css fonts awsome–>
<link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body>
<style>
.contenedor{
width: 500px;
border:solid 5px #777;
}
.img-ts{
width: 200px;
height: 200px;
}
</style>
<div class="container">
<h1>Imagenes adaptadas a su respectivo contenedor</h1>
<div class="contenedor">
<img class="img-fluid" src="img/img.jpg" alt="">
</div>
<h1>Image thumbnail</h1>
<img src="img/img.jpg" class="img-ts img-thumbnail" alt="">
<h1>Alineacion de Imagenes</h1>
<img src="img/img.jpg" alt="" class="img-ts rounded float-left">
<img src="img/img.jpg" alt="" class="img-ts rounded float-right">
</div>
<!– jQuery first, then Tether, then Bootstrap JS. –>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>