title: How to apply Bootstrap dropdown style to an ASP.NET MVC DropDownList?
body: <p>Given is the following MVC razor code which creates a dropdown from a list: </p>
  
  <pre><code>@Html.DropDownList("MyTestList", null, new { @class = "btn btn-default dropdown-toggle" })
  </code></pre>
  
  <p>This will create the following dropdown: </p>
  
  <p><img src="https://i.stack.imgur.com/gYX69.png" alt="dropdown"></p>
  
  <p>When using the code from getbootstrap.com: </p>
  
  <pre><code>&lt;div class="dropdown"&gt;
      &lt;button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"&gt;
          Dropdown
          &lt;span class="caret"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;test1&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;test2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It will show the dropdown like this:</p>
  
  <p><img src="https://i.stack.imgur.com/IW7nb.png" alt="image"></p>
  
  <p>Question: 
  Is it possible to get the same look and feel when using <code>@Html.DropDownList</code> as when using the HTML code from MVC?</p>