Home Index with Bootsnipp

<div class="row" >
  <div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">
    <div class="banner-content">
      <h1 style="color: white;">Welcome to Iamksr blog</h1>
      <p style="color: white;">
     “I'm selfish, impatient and a little insecure. I make mistakes, I am out of control and at times hard to handle. But if you can't handle me at my worst, then you sure as hell don't deserve me at my best.”
      </p>
    </div>

    <div class="carousel-inner">
      <div class="active item">
        <%= image_tag 'Your img'%>
      </div>
      <div class="item">
        <%= image_tag 'img' %>
      </div>
      <div class="item">
        <%= image_tag 'img' %>
      </div>
    </div>
  </div>

CSS:

<style>
  .banner-content {
    position: absolute;
    bottom: 5%;
    left: 5%;
    z-index: 1;
    max-width: 40%;
    font-weight: bold;
  }
</style>