- </div><!-- /navbar-inner -->
- </div><!-- /navbar -->
-
-</section>
-
-
-
-<!-- Buttons
-================================================== -->
-<section id="buttons">
- <div class="page-header">
- <h1>Buttons</h1>
- </div>
- <table class="table table-bordered table-striped">
- <thead>
- <tr>
- <th>Button</th>
- <th>Large Button</th>
- <th>Small Button</th>
- <th>Disabled Button</th>
- <th>Button with Icon</th>
- <th>Split Button</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a class="btn" href="#">Default</a></td>
- <td><a class="btn btn-large" href="#">Default</a></td>
- <td><a class="btn btn-small" href="#">Default</a></td>
- <td><a class="btn disabled" href="#">Default</a></td>
- <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td>
- <td>
- <div class="btn-group">
- <a class="btn" href="#">Default</a>
- <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </div><!-- /btn-group -->
- </td>
- </tr>
- <tr>
- <td><a class="btn btn-primary" href="#">Primary</a></td>
- <td><a class="btn btn-primary btn-large" href="#">Primary</a></td>
- <td><a class="btn btn-primary btn-small" href="#">Primary</a></td>
- <td><a class="btn btn-primary disabled" href="#">Primary</a></td>
- <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td>
- <td>
- <div class="btn-group">
- <a class="btn btn-primary" href="#">Primary</a>
- <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </div><!-- /btn-group -->
- </td>
- </tr>
- <tr>
- <td><a class="btn btn-info" href="#">Info</a></td>
- <td><a class="btn btn-info btn-large" href="#">Info</a></td>
- <td><a class="btn btn-info btn-small" href="#">Info</a></td>
- <td><a class="btn btn-info disabled" href="#">Info</a></td>
- <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td>
- <td>
- <div class="btn-group">
- <a class="btn btn-info" href="#">Info</a>
- <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </div><!-- /btn-group -->
- </td>
- </tr>
- <tr>
- <td><a class="btn btn-success" href="#">Success</a></td>
- <td><a class="btn btn-success btn-large" href="#">Success</a></td>
- <td><a class="btn btn-success btn-small" href="#">Success</a></td>
- <td><a class="btn btn-success disabled" href="#">Success</a></td>
- <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td>
- <td>
- <div class="btn-group">
- <a class="btn btn-success" href="#">Success</a>
- <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </div><!-- /btn-group -->
- </td>
- </tr>
- <tr>
- <td><a class="btn btn-warning" href="#">Warning</a></td>
- <td><a class="btn btn-warning btn-large" href="#">Warning</a></td>
- <td><a class="btn btn-warning btn-small" href="#">Warning</a></td>
- <td><a class="btn btn-warning disabled" href="#">Warning</a></td>
- <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td>
- <td>
- <div class="btn-group">
- <a class="btn btn-warning" href="#">Warning</a>
- <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </div><!-- /btn-group -->
- </td>
- </tr>
- <tr>
- <td><a class="btn btn-danger" href="#">Danger</a></td>
- <td><a class="btn btn-danger btn-large" href="#">Danger</a></td>
- <td><a class="btn btn-danger btn-small" href="#">Danger</a></td>
- <td><a class="btn btn-danger disabled" href="#">Danger</a></td>
- <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td>
- <td>
- <div class="btn-group">
- <a class="btn btn-danger" href="#">Danger</a>
- <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </div><!-- /btn-group -->
- </td>
- </tr>
- <tr>
- <td><a class="btn btn-inverse" href="#">Inverse</a></td>
- <td><a class="btn btn-inverse btn-large" href="#">Inverse</a></td>
- <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td>
- <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td>
- <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td>
- <td>
- <div class="btn-group">
- <a class="btn btn-inverse" href="#">Inverse</a>
- <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </div><!-- /btn-group -->
- </td>
- </tr>
- </tbody>
- </table>
-
-</section>
-
-
-<!-- Forms
-================================================== -->
-<section id="forms">
- <div class="page-header">
- <h1>Forms</h1>
- </div>
-
- <div class="row">
- <div class="span7 offset1">
-
- <form class="well form-search">
- <input type="text" class="input-medium search-query">
- <button type="submit" class="btn">Search</button>
- </form>
-
- <form class="well form-search">
- <input type="text" class="input-small" placeholder="Email">
- <input type="password" class="input-small" placeholder="Password">
- <button type="submit" class="btn">Go</button>
- </form>
-
-
- <form class="form-horizontal well">
- <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 class="control-label" for="fileInput">File input</label>
- <div class="controls">
- <input class="input-file" id="fileInput" type="file">
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="textarea">Textarea</label>
- <div class="controls">
- <textarea class="input-xlarge" id="textarea" rows="3"></textarea>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="focusedInput">Focused input</label>
- <div class="controls">
- <input class="input-xlarge focused" id="focusedInput" type="text" value="This is focused…">
- </div>
- </div>
- <div class="control-group">
- <label class="control-label">Uneditable input</label>
- <div class="controls">
- <span class="input-xlarge uneditable-input">Some value here</span>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="disabledInput">Disabled input</label>
- <div class="controls">
- <input class="input-xlarge disabled" id="disabledInput" type="text" placeholder="Disabled input here…" disabled>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="optionsCheckbox2">Disabled checkbox</label>
- <div class="controls">
- <label class="checkbox">
- <input type="checkbox" id="optionsCheckbox2" value="option1" disabled>
- This is a disabled checkbox
- </label>
- </div>
- </div>
- <div class="control-group warning">
- <label class="control-label" for="inputWarning">Input with warning</label>
- <div class="controls">
- <input type="text" id="inputWarning">
- <span class="help-inline">Something may have gone wrong</span>
- </div>
- </div>
- <div class="control-group error">
- <label class="control-label" for="inputError">Input with error</label>
- <div class="controls">
- <input type="text" id="inputError">
- <span class="help-inline">Please correct the error</span>
- </div>
- </div>
- <div class="control-group success">
- <label class="control-label" for="inputSuccess">Input with success</label>
- <div class="controls">
- <input type="text" id="inputSuccess">
- <span class="help-inline">Woohoo!</span>
- </div>
- </div>
- <div class="control-group success">
- <label class="control-label" for="selectError">Select with success</label>
- <div class="controls">
- <select id="selectError">
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select>
- <span class="help-inline">Woohoo!</span>
- </div>