Individual date, month and year dropdowns in bootstrap
<p>So I am trying to create a form in bootstrap, I have completed the majority of it however I am getting stuck on the last part. What I need is 3 dropdown menus containing the users date of birth. Day, Months and Year.</p>

<p>I have looked through the bootstrap docs and cannot find any help for this.</p>

<p>I would like to look like this: <a href="https://gyazo.com/96c8be19718dbffef7302ea30a7eb343" rel="nofollow">https://gyazo.com/96c8be19718dbffef7302ea30a7eb343</a></p>

<p>The arrow dropdown is a custom image I made. I was wondering if it would be possible to have that instead of a default arrow.</p>

<p>Thanks a lot :)        </p>

<pre><code>                &lt;form class="form"&gt;
                &lt;div class="form-group col-xs-4 col-md-4"&gt;
                    &lt;label for="first-name" class="control-label"&gt;First Name&lt;/label&gt;
                    &lt;input type="text" class="form-control" id="first-name"&gt;
                &lt;/div&gt;
                &lt;div class="form-group col-xs-4 col-md-4"&gt;
                    &lt;label for="email-address" class="control-label"&gt;Email&lt;/label&gt;
                    &lt;input type="email" class="form-control" id="email-address"&gt;
                &lt;/div&gt;
                &lt;br&gt;
                &lt;div class="form-group col-xs-4 col-md-4"&gt;
                    &lt;label for="last-name" class="control-label"&gt;Last Name&lt;/label&gt;
                    &lt;input type="text" class="form-control" id="last-name"&gt;
                &lt;/div&gt;
                &lt;div class="form-group col-xs-4 col-md-4"&gt;
                    &lt;label for="confirm-email-address" class="control-label"&gt;Confirm Email&lt;/label&gt;
                    &lt;input type="email" class="form-control" id="confirm-email-address"&gt;
                &lt;/div&gt;
                &lt;div class="form-group col-xs-4 col-md-4"&gt;
                    // dropdowns would go here
                &lt;/div&gt;
                &lt;/form&gt;
            &lt;/div&gt;
        &lt;/div&gt; 
</code></pre>