title: How to align Google Recaptcha using Bootstrap classes?
body: <p>I have the default register form in ASP.NET MVC5. I have added the Google Recaptcha but it doesn't align with the rest of the form as can be seen in the screen shot below. I have tried many different ways but was unsuccessful. I even looked at <a href="https://bootstrapious.com/p/bootstrap-recaptcha" rel="nofollow noreferrer">Bootstrap Recapture Form Tutorial website</a> to check how they did it. Would anyone please guide me on how I can align the Recaptcha with the rest of the form using Bootstrap classes?</p>
  
  <pre><code> &lt;form action="/Account/Register" class="form-horizontal" method="post" role="form"&gt;
  
      &lt;div class="validation-summary-valid text-danger" data-valmsg-summary="true"&gt;
          &lt;ul&gt;
              &lt;li style="display:none"&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
          &lt;label class="col-md-2 control-label" for="Name"&gt;Name&lt;/label&gt;
          &lt;div class="col-sm-3 col-md-3 col-lg-3"&gt;
              &lt;input class="form-control" data-val="true" data-val-length="The field Name must be a string with a maximum length of 255." data-val-length-max="255" data-val-required="The Name field is required." id="Name" name="Name" type="text" value="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label class="col-md-2 control-label" for="Email"&gt;Email&lt;/label&gt;
          &lt;div class="col-sm-3 col-md-3 col-lg-3"&gt;
              &lt;input class="form-control" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." id="Email" name="Email" type="text" value="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label class="col-md-2 control-label" for="Password"&gt;Password&lt;/label&gt;
          &lt;div class="col-sm-3 col-md-3 col-lg-3"&gt;
              &lt;input class="form-control" data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="The Password field is required." id="Password" name="Password" type="password" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;div class="g-recaptcha" data-sitekey="MY_KEY"&gt;&lt;/div&gt;
              &lt;div class="form-group"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-md-offset-2 col-md-10"&gt;
              &lt;input type="submit" class="btn btn-default" value="Register" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Screen Shot:</p>
  
  <p><a href="https://i.stack.imgur.com/VQkCH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VQkCH.png" alt="enter image description here"></a></p>
  
  <p>Thank you</p>