• <tr id='dsqe4Y'><strong id='dsqe4Y'></strong><small id='dsqe4Y'></small><button id='dsqe4Y'></button><li id='dsqe4Y'><noscript id='dsqe4Y'><big id='dsqe4Y'></big><dt id='dsqe4Y'></dt></noscript></li></tr><ol id='dsqe4Y'><option id='dsqe4Y'><table id='dsqe4Y'><blockquote id='dsqe4Y'><tbody id='dsqe4Y'></tbody></blockquote></table></option></ol><u id='dsqe4Y'></u><kbd id='dsqe4Y'><kbd id='dsqe4Y'></kbd></kbd>

    <code id='dsqe4Y'><strong id='dsqe4Y'></strong></code>

    <fieldset id='dsqe4Y'></fieldset>
          <span id='dsqe4Y'></span>

              <ins id='dsqe4Y'></ins>
              <acronym id='dsqe4Y'><em id='dsqe4Y'></em><td id='dsqe4Y'><div id='dsqe4Y'></div></td></acronym><address id='dsqe4Y'><big id='dsqe4Y'><big id='dsqe4Y'></big><legend id='dsqe4Y'></legend></big></address>

              <i id='dsqe4Y'><div id='dsqe4Y'><ins id='dsqe4Y'></ins></div></i>
              <i id='dsqe4Y'></i>
            1. <dl id='dsqe4Y'></dl>
              1. <blockquote id='dsqe4Y'><q id='dsqe4Y'><noscript id='dsqe4Y'></noscript><dt id='dsqe4Y'></dt></q></blockquote><noframes id='dsqe4Y'><i id='dsqe4Y'></i>

                Lists

                List group

                Basic list group

                Basic list with borders, you can use flags and badges on the right.

                To use just add a span badges with badge badge-primary class element. Replaced primary by success, info, warning, danger or royal, depending on the color you want.

                • Cras justo odio
                • New Dapibus ac facilisis in
                • Morbi leo risus
                • 98 Porta ac consectetur ac
                • Vestibulum at eros
                • ...
                • New ...
                • ...
                • 98 ...
                • ...

                Striped list group

                You can add class to the striped shading in columns of links.

                This only works with lists of items, not linked lists.

                • 14 Cras justo odio
                • 778 Cras justo odio
                • 9 Dapibus ac facilisis in
                • 98 Cras justo odio
                • 17 Vestibulum at eros

                Link lists

                The link lists are created with a div element of class list-group composed of elements a of the class list-group-item.

                You can also use badges and flags. as in Item Lists.


                Colorful elements

                You can use the class list-item-group-success or -info, -warning, -danger, -royal for coloring and highlighting elements of a list.

                • Dapibus ac facilisis in
                • Cras sit amet nibh libero
                • Porta ac consectetur ac
                • Vestibulum at eros
                • Dapibus ac facilisis in

                compressed lists

                You can use the list-group-sm class to make more compact lists.

                • Cras justo odio
                • Dapibus ac facilisis in
                • Morbi leo risus
                • Porta ac consectetur ac
                • Vestibulum at eros
                • 14 Cras justo odio
                • 778 Cras justo odio
                • 9 Dapibus ac facilisis in
                • 98 Cras justo odio
                • 17 Vestibulum at eros

                Media Objects

                Basic Media list

                Use the media class to display multimedia content with a description beside her. They can be images, videos or other multimedia objects.

                Use the media-object classes and media-heading for the media item and the item title respectively.

                ...

                Media heading

                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, dolor vitae praesentium consectetur molestias.

                ...

                Media heading

                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, dolor vitae praesentium consectetur molestias.

                ...

                Media heading

                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, dolor vitae praesentium consectetur molestias.


                Media Lists

                You can use chained lists. Perfect for systems and interests.

                • Generic placeholder image

                  Media heading

                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

                  Generic placeholder image

                  Nested media heading

                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                  Generic placeholder image

                  Nested media heading

                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                  Generic placeholder image

                  Nested media heading

                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
                • Generic placeholder image

                  Media heading

                  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

                Navigation

                Social Media