JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="container">
    
<div class="container">
      <div class="row">

         <div class="col-sm-5">
            <div class="slideshow">
               <div>
                  <img class="img-circle img-responsive" src="http://grafox.com.br/img/home/leoQuadrado.jpg" alt="...">
               </div>
            </div>
         </div>

         <div class="col-sm-6 col-md-offset-1" style="border : 1px solid red;"> <!-- placeholder solution: add  padding-top: 100px;-->

               <h2 class="featurette-heading">
                  This First Heading
                  <span class="text-muted">Will Catch Your Eye</span>
               </h2>
               <p class="lead">Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. </p>

         </div>
      </div>
   </div>
          
</div>