8.- Curso Bootstrap 4 – imagenes


[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”

  1. 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 Reply