Bootstrap 4 Style Select
<p>I'm using bootstrap 4 with Angular 2 and have the following select:</p>

<pre><code>&lt;div class="form-group"&gt;
    &lt;label class="col-md-4 control-label" for="OptionExample"&gt;Select an option:&lt;/label&gt;
    &lt;div class="col-md-4"&gt;
        &lt;select id="optionExample" name="optionExample" class="form-control" [(ngModel)]="ngmodeloptionExample"
                (ngModelChange)="optionExamples()"&gt;
            &lt;option disabled [ngValue]="-1"&gt;Select an Option&lt;/option&gt;
            &lt;option *ngFor="let option of options" [ngValue]="option"&gt;{{option.property }}&lt;/option&gt;
        &lt;/select&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Is it possible for me to style this? I tried adding some bootstrap classes, but no luck. I am open to using Typescript or javascript, but having difficulty using a library like:
<a href="https://silviomoreto.github.io/bootstrap-select/examples/" rel="nofollow noreferrer">https://silviomoreto.github.io/bootstrap-select/examples/</a></p>