List Groups

postat acum 2 ani de Stefanescu Mihai in categorie Bootstrap

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>

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group