fix modularcode#91 input-groups class names

cadu-leite · Mar 15, 2018 · 407445f · 407445f
1 parent 8eba3bd
commit 407445f
Showing 1 changed file with 21 additions and 7 deletions.
diff --git a/src/app/forms/input-groups/input-groups.hbs b/src/app/forms/input-groups/input-groups.hbs
@@ -8,34 +8,48 @@
         <div class="form-group">
             <label class="control-label">Input Text</label>
             <div class="input-group">
-                <span class="input-group-addon">@</span>
+                <div class="input-group-prepend">
+                    <span class="input-group-text ">@</span>
+                </div>
                 <input type="text" class="form-control" placeholder="Some text here">
             </div>
             <div class="input-group">
                 <input type="text" class="form-control" placeholder="Some text here">
-                <span class="input-group-addon">.00</span>
+                <div class="input-group-append">
+                    <span class="input-group-text">.00</span>
+                </div>
             </div>
 
             <div class="input-group">
-                <span class="input-group-addon">$</span>
+                <div class="input-group-prepend">
+                    <span class="input-group-text">$</span>
+                </div>
                 <input type="text" class="form-control" placeholder="Some text here">
-                <span class="input-group-addon">.00</span>
+                <div class="input-group-append">
+                    <span class="input-group-text">.00</span>
+                </div>
             </div>
         </div>
         <div class="form-group">
             <label class="control-label">Input Sizing</label>
             <div class="input-group input-group-lg">
-                <span class="input-group-addon">@</span>
+                <div class="input-group-prepend">
+                    <span class="input-group-text">@</span>
+                </div>
                 <input type="text" class="form-control" placeholder="Username">
             </div>
 
             <div class="input-group">
-                <span class="input-group-addon">@</span>
+                <div class="input-group-prepend">
+                    <span class="input-group-text">@</span>
+                </div>
                 <input type="text" class="form-control" placeholder="Username">
             </div>
 
             <div class="input-group input-group-sm">
-                <span class="input-group-addon">@</span>
+                <div class="input-group-prepend">
+                    <span class="input-group-text">@</span>
+                </div>               
                 <input type="text" class="form-control" placeholder="Username">
             </div>
         </div>