نمایش استایل selectbox در bootstrap select

با سلام.
من برای نمایش select box از bootstrap-select استفاده می کنم.
وقتی multiple را به select box اضافه میکنم استایل آن به هم میخورد و همه را زیر هم نشان می دهد.
لطفا راهنمایی بفرمایید.

    <script>
        $(document).ready(function () {

            $('#category_id').selectpicker()
        })
    </script>

<div class="form-group">  
<div class="col-sm-۱۲">  
<label for="category_id" class="control-label">دوره مرتبط</label>  
<select class="form-control" name="category_id[]" id="category_id" multiple>  
@foreach(App\Category::latest()->get() as $category)  
<option value="{{ $category->id }}">{{ $category->name }}</option>  
@endforeach  
</select>  
</div>  
</div></div>