title: How can I fix Buttongroup Dropdowntoggle-Buttons in Bootstrap?
body: <p>I’m using Bootstrap 3 in my MVC-Project. In my _Layout page I’m using a buttongroup to do something like the example.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
    &lt;button type="button" class="btn btn-primary"&gt;MyButton&lt;/button&gt;
    &lt;button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"&gt;
      &lt;span class="caret"&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;ul class="dropdown-menu" role="menu"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Hello&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;World&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(Surce: <a href="http://www.w3schools.com/bootstrap/bootstrap_button_groups.asp" rel="nofollow noreferrer">http://www.w3schools.com/bootstrap/bootstrap_button_groups.asp</a>)</p>
  
  <p><strong>The issue is the button looks like this:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/CIYUD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CIYUD.png" alt="Screenshot of the Buttongroup"></a></p>
  
  <p>How can I fix this?</p>
  
  <p><strong>Edit</strong>: I need a solution without using a CDN or downloading a custom Bootstrap CSS-File</p>