• Thursday , 22 August 2019

8.- Curso Bootstrap 4 – imagenes

Code Canyon
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

3d Ocean

Related Posts

5 Comments

  1. Xavier CM
    July 12, 2019 at 14:04

    Hola…como hacer para rotar o girar 180 grados una imagen en bootstrap 4 ?…grs

  2. Jose Antonio Amaya Postigo
    July 12, 2019 at 14:04

    no se ajusta 100% x 100% al contenedor

  3. JOSELO JOSELITO
    July 12, 2019 at 14:04

    creo que es mejor hacerlo responsive

  4. MultiChecha
    July 12, 2019 at 14:04

    Te falto explicar como hacer para que la imagen ocupe todo el contenedor de la pagina

  5. Federico Balmaceda
    July 12, 2019 at 14:04

    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>

Leave A Comment

You must be logged in to post a comment.