Select field is not rendered properly if used with snapappointments/bootstrap-select

I am using bootstrap-select:

```

```

with data-live-search feature:

```
{{ render_field(form.user_id, form_type='horizontal', id='userid', **{'data-live-search': 'true'}) }}

$(document).ready(function() {
$('#userid').selectpicker();
});

```

The result of rendering is:

which does not look good as the working bootstrap-select is embedded in a static and not responsive select.

The generated HTML is:

```