Multiple select bootstrap plugin

step 1. download/make select2 folder in wwwroot/lib directory. 

select2 - Google Drive   

<div class="form-group">

                        <label asp-for="BranchCode" class="col-sm-4 control-label"></label>

                        <div class="col-sm-8">

                            <select asp-for="BranchCode" class="form-control select2 select2-hidden-accessible" asp-items="ViewBag.Branches" name="BranchCode[]" multiple="multiple" style="width: 100%;">

                                <option value="">Please select</option>

                            </select>

                            <span asp-validation-for="BranchCode" class="text-danger"></span>

                        </div>

                    </div>

@section Scripts{

    <link href="~/lib/select2/dist/css/select2.min.css" rel="stylesheet" />

    <script src="~/lib/select2/dist/js/select2.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $('.select2').select2();

            $(".js-example-responsive").select2({

                width: 'resolve' // need to override the changed default

            });

        });

    </script>

}