Wie füge ich eine <a> link zu einem icon in der bootstrap?

Habe ich Folgendes:

<a href="http://www.website.com" title="Website name">Website Link</a>

und

<i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>

Kann mir jemand erklären, wie ich diese kombinieren in der bootstrap mit font awesome icons, die ich verwende. Setze ich die <a> innerhalb der <i> oder die <i> innerhalb der <a> oder die beiden müssen sich innerhalb eines <div> ?

InformationsquelleAutor | 2013-09-02

  1. 4

    Setzen die <i> innerhalb der <a>

    Zum Beispiel,

    <a href="http://www.website.com" title="Website name"><i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>Website Link</a>
    Danke. Ich versuchte dieses aber es ist eine Linie, die angezeigt wird unter mein Symbol, wenn ich dies tun 🙁
    Das ist die Standard - a CSS, angewendet wird. Sie müssen es zurücksetzen, durch hinzufügen dieser CSS. a{text-decoration:none; border:none;}. Hoffe, das hilft. - @Melina

    InformationsquelleAutor Nitesh

  2. 1

    Mit dabei, nur das Symbol zeigen:

    <i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>

    Mit dabei, einen text-link angezeigt werden:

    <a href="http://www.website.com" title="Website name">Website Link</a>

    Wenn Sie wollen, um den text und das Symbol mit den beiden wird ein link dann verwenden Sie die folgenden, was bringt die i tag in der a tag:

    <a href="http://www.website.com" title="Website name"> <i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>Website Link</a>

    InformationsquelleAutor Rituraj ratan

Schreibe einen Kommentar