Bootstrap Link innerhalb der Spanne überlappen div

Question

Ich habe dieses einfache Benutzerprofil - https://jsfiddle.net/mt15199/fgogetrh/ Ich möchte das Umschlagsymbol auf der linken Seite ziehen, so legte ich es auf Span-Element und fügte eine Klasse Pull-Links aber Symbole fallen gelassen und überlappte den Container . Ohne dieses Span-Element mit Pull-Link-Klasse das Hüllkurvensymbol und anderes Symbol innerhalb von div.

Wie kann ich das beheben?

    <span class="pull-left"> 
       <a data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i></a> 
      </span> 

Answer 1

Wenn Sie float verwenden, vergessen Sie nicht clear oder anderes Element zu verwenden, überlappen.

Siehe demo

Verwenden clearfix Klasse oder clear:both; nach Floats

Verwendung

<div class="clearfix"></div> 

oder

<div style="clear:both;"></div> 

Erstes Beispiel von Bootstrap gleichen Stil in zweiter gegeben haben ein.