]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
swap fieldsets for divs
authorMark Otto <markdotto@gmail.com>
Wed, 25 Jan 2012 20:43:38 +0000 (12:43 -0800)
committerMark Otto <markdotto@gmail.com>
Wed, 25 Jan 2012 20:43:38 +0000 (12:43 -0800)
docs/base-css.html
docs/templates/pages/base-css.mustache

index 1e9a3d942e83480f5b44ecf268577030bbba462a..60b5640dff2bf5014cd580472d25443029d26c6d 100644 (file)
     <div class="span8">
       <form class="form-horizontal">
         <legend>Controls Bootstrap supports</legend>
-        <fieldset class="control-group">
+        <div class="control-group">
           <label class="control-label" for="input01">Text input</label>
           <div class="controls">
             <input type="text" class="xlarge" name="input01">
             <p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="optionsCheckbox">Checkbox</label>
           <div class="controls">
             <label class="checkbox">
               Option one is this and that&mdash;be sure to include why it’s great
             </label>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="select01">Select list</label>
           <div class="controls">
             <select name="select01">
               <option>5</option>
             </select>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="multiSelect">Multi-select</label>
           <div class="controls">
             <select multiple="multiple" name="multiSelect">
               <option>5</option>
             </select>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="fileInput">File input</label>
           <div class="controls">
             <input class="input-file" id="fileInput" name="fileInput" type="file">
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="textarea">Textarea</label>
           <div class="controls">
             <textarea class="input-xlarge" name="textarea" id="textarea" rows="3"></textarea>
           </div>
-        </fieldset>
-        <fieldset class="form-actions">
+        </div>
+        <div class="form-actions">
           <button type="submit" class="btn primary">Save changes</button>
           <button type="reset" class="btn">Cancel</button>
-        </fieldset>
+        </div>
       </form>
     </div>
     <div class="span4">
     <div class="span8">
       <form class="form-horizontal">
         <legend>Form control states</legend>
-        <fieldset class="control-group">
+        <div class="control-group">
           <label class="control-label" for="focusedInput">Focused input</label>
           <div class="controls">
             <input class="input-xlarge focused" id="focusedInput" name="focusedInput" type="text" value="This is focused…">
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="disabledInput">Disabled input</label>
           <div class="controls">
             <input class="input-xlarge disabled" id="disabledInput" name="disabledInput" type="text" placeholder="Disabled input here…" disabled>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="optionsCheckbox">Disabled checkbox</label>
           <div class="controls">
             <label class="checkbox">
               This is a disabled checkbox
             </label>
           </div>
-        </fieldset>
-        <fieldset class="control-group warning">
+        </div>
+        <div class="control-group warning">
           <label class="control-label" for="inputError">Input with warning</label>
           <div class="controls">
             <input type="text" name="inputError">
             <span class="help-inline">Something may have gone wrong</span>
           </div>
-        </fieldset>
-        <fieldset class="control-group error">
+        </div>
+        <div class="control-group error">
           <label class="control-label" for="inputError">Input with error</label>
           <div class="controls">
             <input type="text" name="inputError">
             <span class="help-inline">Please correct the error</span>
           </div>
-        </fieldset>
-        <fieldset class="control-group success">
+        </div>
+        <div class="control-group success">
           <label class="control-label" for="inputError">Input with success</label>
           <div class="controls">
             <input type="text" name="inputError">
             <span class="help-inline">Woohoo!</span>
           </div>
-        </fieldset>
-        <fieldset class="control-group success">
+        </div>
+        <div class="control-group success">
           <label class="control-label" for="selectError">Select with success</label>
           <div class="controls">
             <select name="selectError">
             </select>
             <span class="help-inline">Woohoo!</span>
           </div>
-        </fieldset>
-        <fieldset class="form-actions">
+        </div>
+        <div class="form-actions">
           <button type="submit" class="btn primary">Save changes</button>
           <button type="reset" class="btn">Cancel</button>
-        </fieldset>
+        </div>
       </form>
     </div>
     <div class="span4">
     <div class="span8">
       <form class="form-horizontal">
         <legend>Extending form controls</legend>
-        <fieldset class="control-group">
+        <div class="control-group">
           <label class="control-label">Form sizes</label>
           <div class="controls docs-input-sizes">
             <input class="span2" type="text" name="" placeholder=".span2">
             <input class="span4" type="text" name="" placeholder=".span4">
             <p class="help-block">Use the same <code>.span*</code> classes from the grid system for input sizes.</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="prependedInput">Prepended text</label>
           <div class="controls">
             <div class="input-prepend">
             </div>
             <p class="help-block">Here's some help text</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="appendedInput">Appended text</label>
           <div class="controls">
             <div class="input-append">
             </div>
             <p class="help-block">Here's more help text</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="inlineCheckboxes">Inline checkboxes</label>
           <div class="controls">
             <label class="checkbox inline">
               <input type="checkbox" name="inlineCheckbox1" value="option1"> 3
             </label>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="optionsCheckboxes">Checkboxes</label>
           <div class="controls">
             <label class="checkbox">
             </label>
             <p class="help-text"><strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="optionsRadios">Radio buttons</label>
           <div class="controls">
             <label class="radio">
               Option two can is something else and selecting it will deselect option one
             </label>
           </div>
-        </fieldset>
-        <fieldset class="form-actions">
+        </div>
+        <div class="form-actions">
           <button type="submit" class="btn primary">Save changes</button>
           <button type="reset" class="btn">Cancel</button>
-        </fieldset>
+        </div>
       </form>
     </div>
     <div class="span4">
index 913eea31ab039dfdd0c1bf75e47c9f2a52d11ed5..7a85d1138e7482555052de4ae4fa23d94424d54b 100644 (file)
     <div class="span8">
       <form class="form-horizontal">
         <legend>{{_i}}Controls Bootstrap supports{{/i}}</legend>
-        <fieldset class="control-group">
+        <div class="control-group">
           <label class="control-label" for="input01">{{_i}}Text input{{/i}}</label>
           <div class="controls">
             <input type="text" class="xlarge" name="input01">
             <p class="help-block">{{_i}}In addition to freeform text, any HTML5 text-based input appears like so.{{/i}}</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="optionsCheckbox">{{_i}}Checkbox{{/i}}</label>
           <div class="controls">
             <label class="checkbox">
               {{_i}}Option one is this and that&mdash;be sure to include why it’s great{{/i}}
             </label>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="select01">{{_i}}Select list{{/i}}</label>
           <div class="controls">
             <select name="select01">
               <option>5</option>
             </select>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="multiSelect">{{_i}}Multi-select{{/i}}</label>
           <div class="controls">
             <select multiple="multiple" name="multiSelect">
               <option>5</option>
             </select>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="fileInput">{{_i}}File input{{/i}}</label>
           <div class="controls">
             <input class="input-file" id="fileInput" name="fileInput" type="file">
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="textarea">{{_i}}Textarea{{/i}}</label>
           <div class="controls">
             <textarea class="input-xlarge" name="textarea" id="textarea" rows="3"></textarea>
           </div>
-        </fieldset>
-        <fieldset class="form-actions">
+        </div>
+        <div class="form-actions">
           <button type="submit" class="btn primary">{{_i}}Save changes{{/i}}</button>
           <button type="reset" class="btn">{{_i}}Cancel{{/i}}</button>
-        </fieldset>
+        </div>
       </form>
     </div>
     <div class="span4">
     <div class="span8">
       <form class="form-horizontal">
         <legend>{{_i}}Form control states{{/i}}</legend>
-        <fieldset class="control-group">
+        <div class="control-group">
           <label class="control-label" for="focusedInput">{{_i}}Focused input{{/i}}</label>
           <div class="controls">
             <input class="input-xlarge focused" id="focusedInput" name="focusedInput" type="text" value="{{_i}}This is focused…{{/i}}">
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="disabledInput">{{_i}}Disabled input{{/i}}</label>
           <div class="controls">
             <input class="input-xlarge disabled" id="disabledInput" name="disabledInput" type="text" placeholder="{{_i}}Disabled input here…{{/i}}" disabled>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="optionsCheckbox">{{_i}}Disabled checkbox{{/i}}</label>
           <div class="controls">
             <label class="checkbox">
               {{_i}}This is a disabled checkbox{{/i}}
             </label>
           </div>
-        </fieldset>
-        <fieldset class="control-group warning">
+        </div>
+        <div class="control-group warning">
           <label class="control-label" for="inputError">{{_i}}Input with warning{{/i}}</label>
           <div class="controls">
             <input type="text" name="inputError">
             <span class="help-inline">{{_i}}Something may have gone wrong{{/i}}</span>
           </div>
-        </fieldset>
-        <fieldset class="control-group error">
+        </div>
+        <div class="control-group error">
           <label class="control-label" for="inputError">{{_i}}Input with error{{/i}}</label>
           <div class="controls">
             <input type="text" name="inputError">
             <span class="help-inline">{{_i}}Please correct the error{{/i}}</span>
           </div>
-        </fieldset>
-        <fieldset class="control-group success">
+        </div>
+        <div class="control-group success">
           <label class="control-label" for="inputError">{{_i}}Input with success{{/i}}</label>
           <div class="controls">
             <input type="text" name="inputError">
             <span class="help-inline">{{_i}}Woohoo!{{/i}}</span>
           </div>
-        </fieldset>
-        <fieldset class="control-group success">
+        </div>
+        <div class="control-group success">
           <label class="control-label" for="selectError">{{_i}}Select with success{{/i}}</label>
           <div class="controls">
             <select name="selectError">
             </select>
             <span class="help-inline">{{_i}}Woohoo!{{/i}}</span>
           </div>
-        </fieldset>
-        <fieldset class="form-actions">
+        </div>
+        <div class="form-actions">
           <button type="submit" class="btn primary">{{_i}}Save changes{{/i}}</button>
           <button type="reset" class="btn">{{_i}}Cancel{{/i}}</button>
-        </fieldset>
+        </div>
       </form>
     </div>
     <div class="span4">
     <div class="span8">
       <form class="form-horizontal">
         <legend>{{_i}}Extending form controls{{/i}}</legend>
-        <fieldset class="control-group">
+        <div class="control-group">
           <label class="control-label">{{_i}}Form sizes{{/i}}</label>
           <div class="controls docs-input-sizes">
             <input class="span2" type="text" name="" placeholder=".span2">
             <input class="span4" type="text" name="" placeholder=".span4">
             <p class="help-block">{{_i}}Use the same <code>.span*</code> classes from the grid system for input sizes.{{/i}}</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="prependedInput">{{_i}}Prepended text{{/i}}</label>
           <div class="controls">
             <div class="input-prepend">
             </div>
             <p class="help-block">{{_i}}Here's some help text{{/i}}</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="appendedInput">{{_i}}Appended text{{/i}}</label>
           <div class="controls">
             <div class="input-append">
             </div>
             <p class="help-block">{{_i}}Here's more help text{{/i}}</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="inlineCheckboxes">{{_i}}Inline checkboxes{{/i}}</label>
           <div class="controls">
             <label class="checkbox inline">
               <input type="checkbox" name="inlineCheckbox1" value="option1"> 3
             </label>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="optionsCheckboxes">{{_i}}Checkboxes{{/i}}</label>
           <div class="controls">
             <label class="checkbox">
             </label>
             <p class="help-text">{{_i}}<strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.{{/i}}</p>
           </div>
-        </fieldset>
-        <fieldset class="control-group">
+        </div>
+        <div class="control-group">
           <label class="control-label" for="optionsRadios">{{_i}}Radio buttons{{/i}}</label>
           <div class="controls">
             <label class="radio">
               {{_i}}Option two can is something else and selecting it will deselect option one{{/i}}
             </label>
           </div>
-        </fieldset>
-        <fieldset class="form-actions">
+        </div>
+        <div class="form-actions">
           <button type="submit" class="btn primary">{{_i}}Save changes{{/i}}</button>
           <button type="reset" class="btn">{{_i}}Cancel{{/i}}</button>
-        </fieldset>
+        </div>
       </form>
     </div>
     <div class="span4">