title: How to set form-group background color
body: <p>I want to set the background color on form-group. To clarify what I exactly mean, look at the following picture
  <img src="https://i.stack.imgur.com/0TLQ1.png" alt="form group">
  As you can see above that I marked the div with color, I want to set the background color from form-group.</p>
  
  <p>I tried with the following css.</p>
  
  <pre><code>.signup-ctrl {
  
    //margin-top: 60px;
  
    .form-buffer {
      margin: 30px 0px;
      background-color: #006dcc;
  
    }
  }
  </code></pre>
  
  <p>and the html</p>
  
  <pre><code>  &lt;div class="col-md-5 portfolio-item"&gt;
      &lt;form&gt;
        &lt;div class="form-group form-buffer"&gt;
          &lt;input type="text" class="form-control" name="name" placeholder="Enter your name"&gt;
        &lt;/div&gt;
        &lt;div class="form-group form-buffer"&gt;
          &lt;input type="email" class="form-control" name="email" placeholder="Enter your email"&gt;
        &lt;/div&gt;
        &lt;div class="form-group form-buffer"&gt;
          &lt;input type="email" class="form-control" name="emailconfirm" placeholder="Enter email confirmation"&gt;
        &lt;/div&gt;
        &lt;div class="form-group form-buffer"&gt;
          &lt;input type="password" class="form-control" name="password" placeholder="Enter your Password"&gt;
        &lt;/div&gt;
        &lt;div class="form-group form-buffer"&gt;
          &lt;input type="text" class="form-control" name="captcha" placeholder="Enter numbers from image"&gt;
        &lt;/div&gt;
  
  
        &lt;button type="submit" class="btn btn-primary"&gt;Sign Up&lt;/button&gt;
      &lt;/form&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>But it does not work, what do I wrong?</p>