JSFiddle - React, Tailwind, and code Playground

Dark Heresy Character Sheet

by Sybeus

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
<h1>Character Sheet</h1>
<div class="row">
    <div class="col-sm-6">
        <div class="input-group">
            <div class="input-group-addon">Character Name</div>
            <input class="form-control" />
        </div>
    </div>
    <div class="col-sm-6">
        <div class="input-group">
            <div class="input-group-addon">Player Name</div>
            <input class="form-control" />
        </div>
    </div>
    <div class="col-sm-4">
        <div class="input-group">
            <div class="input-group-addon">Home World</div>
            <select class="form-control">
                <option value="0"></option>
                <option value="1">Feral World</option>
                <option value="2">Hive World</option>
                <option value="3">Imperial World</option>
                <option value="4">Void Born</option>
            </select>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="input-group">
            <div class="input-group-addon">Career Path</div>
            <select class="form-control">
                <option value="0"></option>
            </select>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="input-group">
            <div class="input-group-addon">Rank</div>
            <input class="form-control" />
        </div>
    </div>
    <div class="col-sm-8">
        <div class="input-group">
            <div class="input-group-addon">Divination</div>
            <input class="form-control" />
        </div>
    </div>
    <div class="col-sm-4">
        <div class="input-group">
            <div class="input-group-addon">Quirk</div>
            <input class="form-control" />
        </div>
    </div>
    <div...