<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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="https://beyondphotography.com.my/assets/css/animate.css"> <section> <div class="row"> </div> <div class="row image"> <img class="animate img-responsive img-thumbnail" data-animate="fadeInLeft" src="http://spfood.access.ly/img/ex4/01.jpg"> <img class="animate img-responsive img-thumbnail" data-animate="fadeInDownBig" src="http://spfood.access.ly/img/ex4/02.jpg"> <h2 style="color: #FFFFFF; font-size:100px">TEST</h2> </div> <div class="row"> </div> </section>

.nightbringer { position: relative; width: 100%; /* for IE 6 */ } h2 { position: absolute; top: 200px; left: 500px; width: 100%; }