diff --git a/docs/base-css.html b/docs/base-css.html
index d0fdbeb725..5b6877595a 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1630,6 +1630,7 @@ For example, <code><section></code> should be wrapped
     <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">
@@ -1637,6 +1638,15 @@ For example, <code><section></code> should be wrapped
     <span class="help-inline">Please correct the error</span>
   </div>
 </div>
+
+<div class="control-group info">
+  <label class="control-label" for="inputInfo">Input with info</label>
+  <div class="controls">
+    <input type="text" id="inputInfo">
+    <span class="help-inline">Username is already taken</span>
+  </div>
+</div>
+
 <div class="control-group success">
   <label class="control-label" for="inputSuccess">Input with success</label>
   <div class="controls">
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index efb69bdae3..99724ebfd6 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1567,6 +1567,7 @@
     <span class="help-inline">{{_i}}Something may have gone wrong{{/i}}</span>
   </div>
 </div>
+
 <div class="control-group error">
   <label class="control-label" for="inputError">{{_i}}Input with error{{/i}}</label>
   <div class="controls">
@@ -1574,6 +1575,15 @@
     <span class="help-inline">{{_i}}Please correct the error{{/i}}</span>
   </div>
 </div>
+
+<div class="control-group info">
+  <label class="control-label" for="inputInfo">{{_i}}Input with info{{/i}}</label>
+  <div class="controls">
+    <input type="text" id="inputInfo">
+    <span class="help-inline">{{_i}}Username is already taken{{/i}}</span>
+  </div>
+</div>
+
 <div class="control-group success">
   <label class="control-label" for="inputSuccess">{{_i}}Input with success{{/i}}</label>
   <div class="controls">