butons

www/index.html

@@ -227,7 +227,49 @@
           <div class="form-check">
               <input class="form-check-input" id="form-tag-primary" type="radio">
               <label class="form-check-label" for="form-tag-primary">
-                  <span class="badge badge-pill badge-primary">Primary</span>
+                  <span class="badge badge-pill badge-primary">primary</span>
+              </label>
+          </div>
+          <div class="form-check">
+              <input class="form-check-input" id="form-tag-secondary" type="radio">
+              <label class="form-check-label" for="form-tag-secondary">
+                  <span class="badge badge-pill badge-secondary">secondary</span>
+              </label>
+          </div>
+          <div class="form-check">
+              <input class="form-check-input" id="form-tag-success" type="radio">
+              <label class="form-check-label" for="form-tag-success">
+                  <span class="badge badge-pill badge-success">success</span>
+              </label>
+          </div>
+          <div class="form-check">
+              <input class="form-check-input" id="form-tag-danger" type="radio">
+              <label class="form-check-label" for="form-tag-danger">
+                  <span class="badge badge-pill badge-danger">danger</span>
+              </label>
+          </div>
+          <div class="form-check">
+              <input class="form-check-input" id="form-tag-warning" type="radio">
+              <label class="form-check-label" for="form-tag-warning">
+                  <span class="badge badge-pill badge-warning">warning</span>
+              </label>
+          </div>
+          <div class="form-check">
+              <input class="form-check-input" id="form-tag-info" type="radio">
+              <label class="form-check-label" for="form-tag-info">
+                  <span class="badge badge-pill badge-info">info</span>
+              </label>
+          </div>
+          <div class="form-check">
+              <input class="form-check-input" id="form-tag-light" type="radio">
+              <label class="form-check-label" for="form-tag-light">
+                  <span class="badge badge-pill badge-light">light</span>
+              </label>
+          </div>
+          <div class="form-check">
+              <input class="form-check-input" id="form-tag-dark" type="radio">
+              <label class="form-check-label" for="form-tag-dark">
+                  <span class="badge badge-pill badge-dark">dark</span>
               </label>
           </div>