JSFiddle - React, Tailwind, and code Playground

by dusthaines

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="row">
    <div class="span6 offset1">
        <form accept-charset="UTF-8" action="/books" class="new_book" id="new_book"
        method="post">
            <div style="margin:0;padding:0;display:inline"></div>
            <label for="book_title">Title</label>
            <input id="book_title" name="book[title]" size="30" type="text"
            />
            <label for="book_isbn">Isbn</label>
            <input id="book_isbn" name="book[isbn]" size="30" type="text"
            />
            <label for="book_edition">Edition</label>
            <input id="book_edition" name="book[edition]" size="30"
            type="text" />
            <label for="book_year">Year</label>
            <input id="book_year" name="book[year]" size="30" type="text"
            />
            <div class="form-inline">
                <label class="radio inline">
              <input type="radio" value="1" checked="checked" name="group">
              Fiction
            </label>
            <label class="radio inline">
              <input type="radio" value="2" name="group">
              Non-Fiction
            </label>
            </div>
            <br />
            <input class="btn btn-large btn-custom-black" name="commit" type="submit"
            value="Create Book" />
        </form>
    </div>
</div>