Event Page James

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by liammccann1992

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.1/bootstrap.min.js"></script>
<form class="form-horizontal">
    <legend>When?</legend>
    <div class="control-group">
        <label class="control-label" for="date">Date</label>
        <div class="controls">
            <input type="text" name="date" class="input-medium" />
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="time">Time</label>
        <div class="controls">
            <input type="text" name="date" class="input-small" />
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="duration">Duration</label>
        <div class="controls">
            <input type="text" name="duration" class="input-mini" />
        </div>
    </div>
    <legend>Where?</legend>
    <div class="control-group">
        <label class="control-label" for="addressLine1">Address Line 1:</label>
        <div class="controls">
            <input type="text" name="addressLine1" class="input-large" />
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="addressCity">City/Town</label>
        <div class="controls">
            <input type="text" name="addressCity" class="input-medium" />
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="addressCountry">Country</label>
        <div class="controls">
            <input type="text" name="addressCountry" class="input-medium" />
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="addressPostCode">PostCode</label>
        <div class="controls">
            <input type="text" name="addressPostCode" class="input-small" />
        </div>
    </div>
    <legend>Event Details?</legend>
    <div class="control-group">
        <label class="control-label" for="eventPrice">Cost(£)</label>
        <div class="controls">
            <input...

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
 @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css');