List Groups

Bootstrap | Stefanescu Mihai | 2020-10-11

Aceste List Groups sunt foarte folositoare atunci cand dorim sa afisam o lista de elemente intr-un mod mai ordonat. In cel mai banal exemplu putem spune ca un list group seamana cu o lista neordonata cu clasa .list-group, iar elementele acesteia au clasa .list-group-item

List Groups cu item-uri link-uri

Putem face aceasta lista sa arate ceva mai bine, dar va trebui sa inlocuim <li>-urile cu <a>-uri, iar <ul>-ul cu <div>. Bineinteles ca putem adauga si iconite sau badge-uri.

    <div class="list-group">
        <a href="#" class="list-group-item active">
            <span class="glyphicon glyphicon-camera"></span> Imagini <span class="badge">13</span>
        </a>
        <a href="#" class="list-group-item">
            <span class="glyphicon glyphicon-file"></span> Documente <span class="badge">48</span>
        </a>
        <a href="#" class="list-group-item">
            <span class="glyphicon glyphicon-music"></span> Muzica <span class="badge">187</span>
        </a>
        <a href="#" class="list-group-item">
            <span class="glyphicon glyphicon-film"></span> Filme <span class="badge">3</span>
        </a>
    </div>

Articolul precedent

Imi place ce faci aici

Daca iti place ce fac aici imi poti cumpara o cafea

Stefanescu Mihai
Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.

Get in touch

Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum.

Posteaza un comentariu

Comentarii

Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!

🔖 Bookmarks ⊞

✨ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

🌪️ Discord ⊞