Checkbox Multi Plain Vertical & Horizontal, Checkbox Multi BS

mockup/formCheckbox.html

@@ -5,13 +5,13 @@
     <meta content="width=device-width, initial-scale=1" name="viewport">
     <meta content="IE=edge" http-equiv="X-UA-Compatible">
 
-    <link rel="stylesheet" href="../css/bootstrap.min.css">
-    <link rel="stylesheet" href="../css/bootstrap-theme.min.css">
-    <link rel="stylesheet" href="../css/jqx.base.css">
-    <link rel="stylesheet" href="../css/jqx.bootstrap.css">
-    <link rel="stylesheet" href="../css/qfq-bs.css">
-    <link rel="stylesheet" href="../css/font-awesome.min.css">
-    <link rel="stylesheet" href="../css/tablesorter-bootstrap.css">
+    <link href="../css/bootstrap.min.css" rel="stylesheet">
+    <link href="../css/bootstrap-theme.min.css" rel="stylesheet">
+    <link href="../css/jqx.base.css" rel="stylesheet">
+    <link href="../css/jqx.bootstrap.css" rel="stylesheet">
+    <link href="../css/qfq-bs.css" rel="stylesheet">
+    <link href="../css/font-awesome.min.css" rel="stylesheet">
+    <link href="../css/tablesorter-bootstrap.css" rel="stylesheet">
 
     <title>Input Mode Switcher</title>
 
@@ -39,9 +39,7 @@
             </div>
         </div>
     </div>
-    <!-- remove this
-    <img src="mockData/Scan2a.jpeg" class="qfq-fabric-image" id="qfq-fabric-image-1"> </img>
-    -->
+
     <div class="row">
         <div class="col-md-3"></div>
         <div class="col-md-6">
@@ -71,20 +69,20 @@
                     <!--row: Checkbox Plain Multi Horizontal -->
                     <div class="form-group clearfix">
                         <div class="col-md-3 qfq-label">
-                            <label class="control-label">Checkbox Horizontal</label>
+                            <label class="control-label required-right">Checkbox Horizontal</label>
                         </div>
-                        <div class="col-md-6">
+                        <div class="col-md-6" required="required">
                             <label class="checkbox-inline" id="1039-21332-1-0-0-l">
                                 <input checked="checked" id="1039-21332-1-0-0" name="groups-1[]"
                                        required="required" type="checkbox" value="1">
                                 label1
-                                <span class="checkmark" aria="hidden"></span>
+                                <span aria="hidden" class="checkmark"></span>
                             </label>
                             <label class="checkbox-inline" id="1039-21332-1-0-2-l">
                                 <input id="1039-21332-1-2-0" name="groups-1[]"
                                        required="required" type="checkbox" value="2">
                                 label2
-                                <span class="checkmark" aria="hidden"></span>
+                                <span aria="hidden" class="checkmark"></span>
                             </label>
                         </div>
                         <div class="col-md-3"></div>
@@ -93,20 +91,20 @@
                     <!--row: Checkbox Plain Multi Vertical -->
                     <div class="form-group clearfix">
                         <div class="col-md-3 qfq-label">
-                            <label class="control-label">Checkbox Vertical</label>
+                            <label class="control-label required-right">Checkbox Vertical</label>
                         </div>
-                        <div class="col-md-6">
+                        <div class="col-md-6" required="required">
                             <label class="checkbox" id="1039-21332-2-0-0-l">
                                 <input checked="checked" id="1039-21332-2-0-0" name="groups-2[]"
                                        required="required" type="checkbox" value="1">
                                 label1
-                                <span class="checkmark" aria="hidden"></span>
+                                <span aria="hidden" class="checkmark"></span>
                             </label>
                             <label class="checkbox" id="1039-21332-2-0-2-l">
                                 <input id="1039-21332-2-2-0" name="groups-2[]"
                                        required="required" type="checkbox" value="2">
                                 label2
-                                <span class="checkmark" aria="hidden"></span>
+                                <span aria="hidden" class="checkmark"></span>
                             </label>
                         </div>
                         <div class="col-md-3"></div>
@@ -121,6 +119,29 @@
                         <div class="col-md-3"></div>
                     </div>
 
+                    <!--row: Checkbox BS Multi Horizontal -->
+                    <div class="form-group clearfix">
+                        <div class="col-md-3 qfq-label">
+                            <label class="control-label required-right">Checkbox BS Horizontal</label>
+                        </div>
+                        <div class="col-md-6" required="required">
+                            <div class="btn-group" data-toggle="buttons">
+                                <label class="btn btn-default active" id="1039-21332-3-0-0-l">
+                                    <input checked="checked" id="1039-21332-3-0-0" name="groups-1[]"
+                                           required="required" type="checkbox" value="1">
+                                    label1
+                                </label>
+                                <label class="btn btn-default" id="1039-21332-3-0-2-l">
+                                    <input id="1039-21332-3-2-0" name="groups-1[]"
+                                           required="required" type="checkbox" value="2">
+                                    label2
+                                </label>
+                            </div>
+                        </div>
+                        <div class="col-md-3"></div>
+                    </div>
+
+
                 </div>
             </form>
         </div>