Small changes on documentation

Author: chelarucip

documentation/tutorial-components.html

@@ -566,13 +566,13 @@ <h2>Inputs </h2>
                 </p>
                 <div class="row">
 					<div class="col-sm-4">
-	                	<div class="form-group">
+	                	<div class="form-group form-black">
 	        	        	<input type="text" value="" placeholder="Regular" class="form-control" />
 	                	</div>
 	                </div>
 
 					<div class="col-sm-4">
-						<div class="form-group label-floating">
+						<div class="form-group form-black label-floating">
 							<label class="control-label">With Floating Label</label>
 							<input type="email" class="form-control">
 						</div>
@@ -601,16 +601,20 @@ <h2>Inputs </h2>
 							<span class="input-group-addon">
 								<i class="material-icons">group</i>
 							</span>
-							<input type="text" class="form-control" placeholder="With Material Icons">
+							<div class="form-group form-black">
+								<input type="text" class="form-control " placeholder="With Material Icons">
+		                	</div>
 						</div>
 					</div>
 
 					<div class="col-sm-4">
-						<div class="input-group">
+						<div class="input-group ">
 							<span class="input-group-addon">
 								<i class="fa fa-group"></i>
 							</span>
-							<input type="text" class="form-control" placeholder="With Font Awesome Icons">
+							<div class="form-group form-black">
+								<input type="text" class="form-control" placeholder="With Font Awesome Icons">
+		                	</div>
 						</div>
 					</div>
 	        	</div>
@@ -677,8 +681,9 @@ <h2>Textarea</h2>
 			    <legend></legend>
 			    <p>The textarea has a new style, so it looks similar to all other inputs.</p>
 
-			    <textarea class="form-control" placeholder="Here can be your nice text" rows="5"></textarea>
-
+				<div class="form-group form-black">
+					<textarea class="form-control" placeholder="Here can be your nice text" rows="5"></textarea>
+				</div>
 				<pre class="prettyprint">
 &lt;textarea class=&quot;form-control&quot; placeholder=&quot;Here can be your nice text&quot; rows=&quot;5&quot;&gt;&lt;/textarea&gt;
 				</pre>
@@ -1391,7 +1396,7 @@ <h4>Card Nav-Tabs</h4>
                 <div class="row">
 					<div class="col-lg-8 col-md-12">
 						<div class="card card-nav-tabs">
-							<div class="card-header" data-background-color="purple">
+							<div class="card-header" data-background-color="red">
 								<div class="nav-tabs-navigation">
 									<div class="nav-tabs-wrapper">
 										<span class="nav-tabs-title">Tasks:</span>
@@ -1438,7 +1443,7 @@ <h4>Card Nav-Tabs</h4>
                 </div>
                 <pre class="prettyprint">
 &lt;div class=&quot;card card-nav-tabs&quot;&gt;
-	&lt;div class=&quot;card-header&quot; data-background-color=&quot;purple&quot;&gt;
+	&lt;div class=&quot;card-header&quot; data-background-color=&quot;red&quot;&gt;
 		&lt;div class=&quot;nav-tabs-navigation&quot;&gt;
 			&lt;div class=&quot;nav-tabs-wrapper&quot;&gt;
 				&lt;span class=&quot;nav-tabs-title&quot;&gt;Tasks:&lt;/span&gt;