JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
</head>
    <body>
        <div class="container">
            <div class="row">
                <div class="span12">
                    <form>
                        <div class="input-append">
                            <input id="foo" name="foo" class="span3" type="text"/>
                            <button class="btn" type="button">Save</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>

CSS

body {
  padding: 20px;            
}

JavaScript

$(function () {
        $("#foo").addClass("error").popover({
            title:'Validation Errors',
            content: 'Foo cannot be empty',
            placement: 'bottom',
            trigger: 'manual'
        }).popover('show');
});