How to apply DropDownListFor with bootstrap?

Question

How to apply DropDownListFor with bootstrap?

Navigation

#1 by (2 votes)

1

I have the following code:

@Html.DropDownListFor(model => model.CountryId, Model.AvailableCountries, new { @class = "form-control", @readonly = true })

Result: link

I want to make it look something like this: link

Any solution?

asp.net-mvc-5

asked by anonymous 03.01.2017 / 04:02

1 answer

GROUP BY - Display grouped result using WHERE as condition in same table - MySQL set environment variable in application.properties

score 2 · Accepted Answer

I was able to solve it this way:

Use: link

Then change the code:

That:

@Html.DropDownListFor(model => model.CountryId, Model.AvailableCountries, 
                             new { @class = "form-control", @readonly = true })

To:

@Html.DropDownListFor(model => model.CountryId, Model.AvailableCountries, 
                            new { @class = "form-control selectpicker", @readonly = true })