Card title This is a longer card with supporting text below as a natural lead-in to additional content. row-cols-md-2 splitting four cards to equal width across multiple rows, from the medium breakpoint up. row-cols-1 laying out the cards on one column, and. row-cols classes to control how many grid columns (wrapped around your cards) you show per row. This card has even longer content than the first to show that equal height action. Last updated 3 mins ago Card title This is a wider card with supporting text below as a natural lead-in to additional content. Last updated 3 mins ago Card title This card has supporting text below as a natural lead-in to additional content. Card title This is a wider card with supporting text below as a natural lead-in to additional content. When using card groups with footers, their content will automatically line up. You can also change the borders on the card header and footer as needed, and even remove their background-color with. Header Dark card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Light card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Info card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Warning card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Danger card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Success card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Secondary card title Some quick example text to build on the card title and make up the bulk of the card's content. Header Primary card title Some quick example text to build on the card title and make up the bulk of the card's content. Depending on the image, you may or may not need additional styles or utilities. Turn an image into a card background and overlay your card’s text. Similar to headers and footers, cards can include top and bottom “image caps”-images at the top or bottom of a card. Choose from appending “image caps” at either end of a card, overlaying images with card content, or simply embedding the image in a card. Go somewhere ImagesĬards include a few options for working with images. Active Link Disabled Special title treatment With supporting text below as a natural lead-in to additional content. Go somewhere NavigationĪdd some navigation to a card’s header (or block) with Bootstrap’s nav components. Go somewhere Special title treatment With supporting text below as a natural lead-in to additional content. Special title treatment With supporting text below as a natural lead-in to additional content.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |