JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div id="first" class="row">
    <div id="photo_stack" class="span6 photo_stack">
        <img id="photo1" src="http://twitter.github.com/bootstrap/assets/img/responsive-illustrations.png" width="300px" height="145px" alt="bla" rel="tooltip" data-placement="right" data-original-title="Header" class="deg4">
    </div>
</div>
                
<div id="second" class="row">
    <div id="photo_stack_two" class="span6 photo_stack_right">
        <img id="photo1" src="http://twitter.github.com/bootstrap/assets/img/responsive-illustrations.png" width="300px" height="145px" alt="Post Meta" rel="tooltip" data-placement="left" data-original-title="Post Meta" class="deg3">
    </div>
</div>
    
<div id="third" class="row">
    <div id="photo_stack_three" class="span6 photo_stack">
        <img id="photo1" src="http://twitter.github.com/bootstrap/assets/img/responsive-illustrations.png" width="300px" height="145px" alt="Detail" rel="tooltip" data-placement="right" data-original-title="Detail" class="deg2">
    </div>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

img { border:1px solid #333; margin: 15px; }

JavaScript

<script type="text/javascript">
    $(document).ready(function () {
        $("[rel=tooltip]").tooltip()
    });
</script>