<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 ----------> <div class="imageAndText"> <img src="http://1.bp.blogspot.com/-P5uqUWLgZmA/UtQDdtahipI/AAAAAAAAF3E/IgvARwfxAlw/s1600/seamless-stone-background.jpg" class="align-center img-responsive" /> <div class="col"> <div class="col-sm-4"> <p>this is a test</p> </div> </div> </div>

.imageAndText {position: relative;} .imageAndText .col {position: absolute; z-index: 1; bottom: 0; left: 0;}