JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://demo.mhesabi.me/tilbud/js/bootstrap.min.js"></script>
<div style="padding: 100px 68px 26px 26px; display: table;" class="wide">
    <div class="row-fluid">
        <div class="span6"><h3>some heading</h3></div>
        <div class="span6">
            <div class="span3">
                <label>label</label>
            </div>
            <div class="span8 offset1 relative">
                <textarea class="wide" id="txt1"></textarea>
                <span class="icon-question-sign pull-right" data-toggle="tooltip" data-title="tooltip content tooltip content tooltip content tooltip content tooltip content "></span>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span3">
            <label for="txt1 span12">txt1</label>
        </div>
        <div class="span8 offset1 relative">
            <textarea class="wide"></textarea>
            <span class="icon-question-sign pull-right" data-toggle="tooltip" data-title="tooltip content tooltip content tooltip content tooltip content tooltip content "></span>
        </div>
    </div>
</div>

CSS

.relative { position: relative; }
span[class*="icon-"] { position: absolute; top: 0; right: -42px; }
.wide { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }

JavaScript

jQuery(function() {
    $('[data-toggle="tooltip"]').tooltip();
});