"device"
Bootstrap 4.1.1 Snippet by ramonvillaw

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!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"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <title>Template</title> </head> <body> <h1>Hello, world!</h1> <a class="android" href="https://play.google.com/store"><img src="https://play.google.com/intl/en_us/badges/images/badge_new.png" width="120"></a> <a class="ios" href="https://www.apple.com/mx/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Download_on_the_App_Store_Badge.svg/1024px-Download_on_the_App_Store_Badge.svg.png" width="120"></a> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html>
var userAgent = navigator.userAgent || navigator.vendor || window.opera; if (/android/i.test(userAgent)) { document.getElementsByClassName('ios')[0].style.visibility = 'hidden'; document.getElementsByClassName('ios')[0].style.display = 'none'; location.href ="https://play.google.com/store"; } if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) { document.getElementsByClassName('android')[0].style.visibility = 'hidden'; document.getElementsByClassName('android')[0].style.display = 'none'; location.href ="https://www.apple.com/mx/"; }

Related: See More


Questions / Comments: