Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]--> <title>Bootstrap - Responsivna Slika i Omotavanje Texta</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="/0frameworks/css_frameworks/bootstrap-3.1.1/dist/css/bootstrap.min.css"> <!-- // <script src="/0frameworks/css_frameworks/bootstrap-3.1.1/js/tests/vendor/jquery.js"></script> --> <!-- // <script src="/0frameworks/css_frameworks/bootstrap-3.1.1/dist/js/bootstrap.min.js"></script> --> <style> .img-resp-wrap { width:50%; float:left; margin:10px 25px; } </style> </head> <body style="padding:10px;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit ducimus excepturi assumenda labore dolor non eum at nesciunt voluptatum, alias iure voluptate. Tempora sit non consectetur facere, sunt vero reprehenderit! <img src="../slike/responsive.jpg" alt="Responsivna Slika" class="img-responsive img-resp-wrap"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, quibusdam sed natus quaerat enim quam dignissimos deleniti suscipit debitis quae nemo aut sapiente explicabo necessitatibus tempore nihil, voluptatem. Alias, accusamus. </body> </html>
Pregled stranice:
Pogledaj stranicu
../css/bootstrap/primjeri/136img_textwrap.html
.