Bootstrap - Wie verwende ich Icons in Listen / Tabs?

Ich versuche, ein paar Effekte in Twitter Bootstrap zu bekommen, aber ich kämpfe, und ich bin sicher, dass es vorher getan worden sein muss. Beide sind ziemlich ähnlich, also habe ich eine einzige Frage gestellt.

Ich möchte, dass Icons sowohl in einer Liste als auch in einer Navigationsleiste funktionieren. Eine kurze Illustration jedes Effekts, den ich mit ein wenig Malerei erreichen möchte:

Liste

Ich habe probiert, <img> und <span> und <div> all mit class="close" einzuschließen, aber keiner schien richtig zu funktionieren, der nächste, den ich erreichen konnte, war, sie in der nächsten Zeile anzuzeigen.

Navigationsleiste

Ich möchte hier die beiden Symbole neben den Navigationselementen (und in der aktiven Region für das erste Navigationselement) anzeigen. Ähnliches Problem wie die Liste, das Bild wird über diese Zeit geschoben. Ich habe das Nav2 photoshopped, um den Effekt zu veranschaulichen, den ich erreichen möchte.

Ich habe versucht, <img> , und ich habe versucht, ein <i> , aber ich glaube, dass diese Magie irgendwie sind und immer auf eine Art von Glyphe-Icons zeigen - ich muss lesen über diese. Was ich wirklich möchte, ist die Verwendung von benutzerdefinierten Bildern hier.

Irgendwelche Vorschläge / kleine Beispiele wären großartig. Danke.