1. Typography

            Flex

            I'm a flexbox container!
            I'm an inline flexbox container!
            Flex row
            Flex item 1
            Flex item 2
            Flex item 3
            Flex row-reverse
            Flex item 1
            Flex item 2
            Flex item 3
            Flex column
            Flex item 1
            Flex item 2
            Flex item 3
            Flex column-reverse
            Flex item 1
            Flex item 2
            Flex item 3

            Justify Content

            Justify Content Start
            Flex item 1
            Flex item 2
            Flex item 3
            Justify Content End
            Flex item 1
            Flex item 2
            Flex item 3
            Justify Content Center
            Flex item 1
            Flex item 2
            Flex item 3
            Justify Content Between
            Flex item 1
            Flex item 2
            Flex item 3
            Justify Content Around
            Flex item 1
            Flex item 2
            Flex item 3

            Align items

            Align Items Start
            Flex item
            Flex item
            Flex item
            Align Items End
            Flex item
            Flex item
            Flex item
            Align Items Center
            Flex item
            Flex item
            Flex item
            Align Items Baseline
            Flex item
            Flex item
            Flex item
            Align Items Strech
            Flex item
            Flex item
            Flex item

            Lists

            List Group
            • Cras justo odio
            • Dapibus ac facilisis in
            • Morbi leo risus
            • Porta ac consectetur ac
            • Vestibulum at eros
            Active items
            • Cras justo odio
            • Dapibus ac facilisis in
            • Morbi leo risus
            • Porta ac consectetur ac
            • Vestibulum at eros
            Disabled items
            • Cras justo odio
            • Dapibus ac facilisis in
            • Morbi leo risus
            • Porta ac consectetur ac
            • Vestibulum at eros
            Flush
            • Cras justo odio
            • Dapibus ac facilisis in
            • Morbi leo risus
            • Porta ac consectetur ac
            • Vestibulum at eros
            Contextual Classes
            • Dapibus ac facilisis in
            • This is a primary list group item
            • This is a secondary list group item
            • This is a success list group item
            • This is a danger list group item
            • This is a warning list group item
            • This is a info list group item
            • This is a light list group item
            • This is a dark list group item
            With Badges
            • Cras justo odio 14
            • Dapibus ac facilisis in 2
            • Morbi leo risus 1

            Color

            Text color

            .text-primary

            .text-secondary

            .text-success

            .text-danger

            .text-warning

            .text-info

            .text-light

            .text-dark

            .text-muted

            .text-white

            XML 地图 | Sitemap 地图