Finish forms section

- added inline form example

index.html

@@ -493,6 +493,7 @@
                         <th>Column heading</th>
                       </tr>
                     </thead>
+
                     <tbody>
                       <tr>
                         <td>1</td>
@@ -500,36 +501,42 @@
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr>
                         <td>2</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-info">
                         <td>3</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-success">
                         <td>4</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-danger">
                         <td>5</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-warning">
                         <td>6</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-active">
                         <td>7</td>
                         <td>Column content</td>
@@ -542,6 +549,7 @@
 
                 <div class="bs-component">
                   <table class="table table-responsive table-striped table-hover table-bordered">
+
                     <thead class="thead-inverse">
                       <tr>
                         <th>#</th>
@@ -550,6 +558,7 @@
                         <th>Column heading</th>
                       </tr>
                     </thead>
+
                     <tbody>
                       <tr>
                         <td>1</td>
@@ -557,36 +566,42 @@
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr>
                         <td>2</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-info">
                         <td>3</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-success">
                         <td>4</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-danger">
                         <td>5</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-warning">
                         <td>6</td>
                         <td>Column content</td>
                         <td>Column content</td>
                         <td>Column content</td>
                       </tr>
+
                       <tr class="table-active">
                         <td>7</td>
                         <td>Column content</td>
@@ -757,6 +772,28 @@
 
               </div>
             </div>
+            <br></br>
+            <div class="mx-auto">
+              <form class="form-inline">
+
+                <label class="mr-sm-2" for="inlineFormCustomSelect">Preference</label>
+
+                <select class="custom-select mb-2 mr-sm-2 mb-sm-0" id="inlineFormCustomSelect">
+                  <option selected>Choose...</option>
+                  <option value="1">One</option>
+                  <option value="2">Two</option>
+                  <option value="3">Three</option>
+                </select>
+
+                <label class="custom-control custom-checkbox mb-2 mr-sm-2 mb-sm-0">
+                  <input type="checkbox" class="custom-control-input">
+                  <span class="custom-control-indicator"></span>
+                  <span class="custom-control-description">Remember my preference</span>
+                </label>
+
+                <button type="submit" class="btn btn-primary">Submit</button>
+              </form>
+            </div>
           </div>
 
           <!-- Navs