title: Centering Checkbox in Table
body: <p>I'm using an MDBootstrap Custom checkbox and want to display it in a table cell for every foreach loop in Razor. The foreach doesn't really matter though, but I can't get the checkbox to center horizontally. A normal Checkbox input works fine, but when I use the custom Checkbox from bootstrap, it's not aligned to center anymore. This is my HTML with custom checkbox.</p>
  
  <pre><code> &lt;td style="text-align:center;padding:0Px; vertical-align:middle;"&gt;
        &lt;div class="custom-control custom-checkbox"&gt;
               &lt;input type="checkbox" class="custom-control-input" id="defaultUnchecked"&gt;
               &lt;label class="custom-control-label" for="defaultUnchecked"&gt;&lt;/label&gt;
        &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>This is the normal checkbox that works </p>
  
  <pre><code>&lt;input type="checkbox" &gt;
  </code></pre>
  
  <p>On the following picture you can see both the custom and standard checkbox. The one without the warning background is the one I would want centered. </p>
  
  <p><a href="https://i.stack.imgur.com/WJgPA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WJgPA.png" alt="enter image description here"></a></p>