JSFiddle - React, Tailwind, and code Playground

by aybalasubramanian

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>

</div> <span class="fontBold pull-left">Project Partner </span> 
<a href="#" id="lblProjPartner" class="pull-left" data-toggle="tooltip" title="" data-bind="text: ProjManager">
</a>

CSS

p {
    margin-top:10px;
    padding:50px;
    border: 1px solid lightgrey;
}
#myDiv {
    margin-top: 10px;
}

JavaScript

var ViewModel = function(first) {
    this.ProjManager = ko.observable(first);
    $('#lblProjPartner').tooltip({
        'show': true,
        'placement': 'bottom',
        'title': this.ProjManager
    });
};
 
ko.applyBindings(new ViewModel("XYZ"));