Skip to content

Instantly share code, notes, and snippets.

@imghaste

imghaste/Bootstrap 3 Picture tag

Last active June 1, 2020 22:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save imghaste/e6e0602cc322b7b697452fc06234bc5c to your computer and use it in GitHub Desktop.
Save imghaste/e6e0602cc322b7b697452fc06234bc5c to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 3 Picture tag
Raw
Bootstrap 3 Picture tag
<picture class="text-center">
<!--[if IE 9]><audio><![endif]-->
<source sizes="758px" type="image/webp" media="(min-width: 1200px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_1920_webp/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="635px" type="image/webp" media="(min-width: 992px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_1200_webp/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="530px" type="image/webp" media="(min-width: 768px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_992_webp/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="345px" type="image/webp" media="(min-width: 375px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_375_webp/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="345px" type="image/webp" media="(min-width: 0px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_0_webp/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="758px" type="image/jpg" media="(min-width: 1200px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_1920/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="635px" type="image/jpg" media="(min-width: 992px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_1200/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="530px" type="image/jpg" media="(min-width: 768px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_992/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="345px" type="image/jpg" media="(min-width: 375px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_375/app/uploads/2020/06/pipinaKoumantou.png">
<source sizes="345px" type="image/jpg" media="(min-width: 0px)" srcset="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_0/app/uploads/2020/06/pipinaKoumantou.png">
<!--[if IE 9]></audio><![endif]-->
<img class="img-fluid" src="https://cdn.imghaste.com/fb42dc7935cc71996662001b/article_1920/app/uploads/2020/06/pipinaKoumantou.png" alt="Πρόεδρος της Δημόσιας Βιβλιοθήκης Καλαμάτας το μέλος της ΝΔ που αναρωτιόταν «Ποιος είναι αυτός ο Γκοτζαμάνης»" width="758">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment