"App Store download button"
Bootstrap 3.3.0 Snippet by jluisfg

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <div class="container"> <div class="row text-center"> <h2>Awesome App Store download button</h2> <p><a href="#" class="btn btn-app-store"><i class="fa fa-apple"></i> <span class="small">Download on the</span> <span class="big">App Store</span></a></p> </div> </div>
.btn-app-store{ background: black; color: white; position: relative; height: 60px; padding-left: 55px; padding-right: 20px; } .btn-app-store i{ font-size: 40px; position: absolute; left: 10px; } .btn-app-store .small{ display: block; font-size: 12px; line-height: 12px; margin-bottom: 2px; margin-top: 5px; } .btn-app-store .big{ display: block; text-align: left; font-size: 21px; line-height: 21px; }

Related: See More


Questions / Comments: