Problem dropdown with checkbox by bootstrap multiselect

Question

I am working on MVC 5, there is have

@Html.DropDownListFor(model => model.ShowAdConfigIDs, ViewData["Services"] as List<SelectListItem>, "Select", new { @id = "DDLServiceCate", @class = "form-control " })

 I want to do bootstrap multiselect dropdown with checkbox. For, I have tried:

<script src="~/Scripts/bootstrap-multiselect.js"></script>
<link href="~/css/bootstrap-multiselect.css" rel="stylesheet" />

<script type="text/javascript">
    $(function () {
        $('[id*=DDLServiceCate]').multiselect({
            includeSelectAllOption: true
        });
    });
</script>

 But after implementing this, look like below image.

 

 

But actually I want look like below image showing.

 

How can I do this ?

Please help me...