Caret span floated rechts auf Button nicht vertikal ausgerichtet Bootstrap

Question

Aus irgendeinem Grund, schwebt das Caret in der zweiten Spanne nach rechts bewirkt, dass es nicht vertikal in der Dropdown-Taste zentriert ist, wie kann ich das beheben?

http://www.bootply.com/nYoCSGGsbx

Beachten Sie die caret auf der rechten Seite verlegen höher platziert ist als es sollte.

Answer 1

können Sie versuchen, diese

<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" style="width: 100%" aria-expanded="false"> 
    <span class="pull-left">Source</span> 
    <span class="pull-right"><span class="caret"></span></span> 
</button> 

Bootply: http://www.bootply.com/rPp3iqob5d