JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
 <div class="container-fluid">
        <div class="row-fluid">
            <div class="span1"></div>
            <div class="span10"
                style="margin-bottom: 6px; margin-top: 0px; background: #efeee9">
                <img
                    src="/MoDoc/resources/ui_resources/img/mo doc title.jpg"
                    alt="" align="left">
                <h2 align="center" style="margin-top: 18px;"></h2>
            </div>
            <div class="span1"></div>
        </div>

        <input type="hidden" id="projectUrl" value="/MoDoc/">
        <div class="row-fluid">
            <div class="span1"></div>
            <div class="span10"
                style="background: #eee; border: 1px solid #ddd;">
                <div id="doctor" class="tab-pane "
                    style="margin-left: 28px; margin-right: 48px;">
                    <div style="margin-bottom: 18px;" class="tabbable">
                        <ul class="nav nav-pills"
                            id="doctorTabs">
                            <li class="active"><a data-toggle="tab"
                                href="#Profile"><i class="cus-user_add"></i>View Profile </a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#appointments"><i
                                class="icon-time"></i>View Appointments</a>
                            </li>
                        </ul>

                        <div style="padding-bottom: 9px; overflow: hidden" class="tab-content">
                            <div id="Profile" class="tab-pane active">
                                Profile
										 
										 		<div class="span6">
             ...

JavaScript

var Model;
(function (Model) {
    var Doctor = (function () {
        function Doctor(data) {
            if(data != null) {
                this.id = ko.observable(data['id']);
                this.name = ko.observable(data['name']);
                this.degree = ko.observable(data['degree']);
                this.gender = ko.observable(data['gender']);
                this.username = ko.observable(data['username']);
                this.password = ko.observable(data['password']);
                this.email = ko.observable(data['email']);
                this.mobile = ko.observable(data['mobile']);
                this.imgFile = ko.observable(data['imgFile']);
                this.imgSrc = ko.observable(data['imgSrc']);
                this.imagePath = ko.observable(data['imagePath']);
                this.userid = ko.observable(data['userid']);
                this.department = ko.observable(data['department']);
            } else {
                this.id = ko.observable('');
                this.name = ko.observable('');
                this.degree = ko.observable('');
                this.gender = ko.observable('');
                this.username = ko.observable('');
                this.password = ko.observable('');
                this.email = ko.observable('');
                this.mobile = ko.observable('');
                this.imgFile = ko.observable('');
                this.imgSrc = ko.observable('');
                this.imagePath = ko.observable('');
                this.userid = ko.observable('');
                this.department = ko.observable('');
            }
        }
        return Doctor;
    })();
    Model.Doctor = Doctor;    
    var Schedule = (function () {
        function Schedule(data) {
            if(data != null) {
                this.id = ko.observable('' + Schedule._id++);
                this.day = ko.observable(data['day']);
                this.fromtime = ko.observable(data['fromtime']);
                this.totime =...