title: How to use an Image as an option in a form
body: <p>Using the latest Bootstrap v4.0 beta, I am trying to create a form to create an account.</p>
  
  <p>In this example, if I want the user to pick Male or Female, I am trying to use a image instead of a dropdown or radio button. </p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label for="exampleFormControlSelect1"&gt;Example select&lt;/label&gt;
      &lt;select class="form-control" id="exampleFormControlSelect1"&gt;
        &lt;option style="background-image: url(images/male.png);"&gt;Male&lt;/option&gt;
        &lt;option style="background-image: url(images/female.png);"&gt;Female&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried using it as a image class but it treats the image as a submit button. </p>
  
  <p>Is there a way to select Male or Female button as a selector?</p>