Bootstrap Forms/FieldSets

by scruffles

HTML

<link rel="stylesheet" href="http://research-portal-d.monsanto.com/web-resources/source/pkg/lib/twitter/bootstrap/2.0.4/bootstrap.css">
<form class="form-horizontal">
    <fieldset>
        <legend>Controls Bootstrap supports</legend>
        <div class="control-group">
            <label class="control-label" for="input01">Text input</label>
            <div class="controls">
                <input type="text" class="input-xlarge" id="input01">
                <p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="optionsCheckbox">Checkbox</label>
            <div class="controls">
                <label class="checkbox">
                    <input type="checkbox" id="optionsCheckbox" value="option1">
                    Option one is this and that—be sure to include why it's great
                </label>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="select01">Select list</label>
            <div class="controls">
                <select id="select01">
                    <option>something</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="multiSelect">Multicon-select</label>
            <div class="controls">
                <select multiple="multiple" id="multiSelect">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
            </div>
        </div>
        <div class="control-group">
            <label...