templates

bootstrap list group card with footer

Posted in templates
321
12:13 am, October 8, 2021

bootstrap list group card with footer

a list group within a card and also a footer on the card for additional links. 

bootstrap list group card with footer Demo

View Demo Full Screen View Demo New Tab

bootstrap list group card with footer Code

HTML

<!-- list-group-card-footer.html -->
<div class='card mb-3'>
  <h5 class='card-header'>[@title]</h5>
  <div class='card-body'>
    <div class="list-group">
      [@content]
    </div>
  </div>
  <div class='card-footer'>
    [@footer]
  </div>
</div>

Scripts

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.0.1/dist/css/bootstrap-dark.min.css" />
Posted in templates
321
12:13 am, October 8, 2021

Related Tags

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Items in templates
foundation base html template bootstrap alert template bootstrap list group card with footer list group bootstrap template list group card item template list group card template
Related Search Terms
templates templates 28
templates html 29
templates css 27
templates bootstrap 34
Other Categories in Code
testing apache apps asp bat bootstrap core css design elements fancybox fonts foundation framework gimp git html ideas images javascript jquery js linux nginx php php functions python react sections site bugs site documentation sql sublime svg templates tools webdev windows wordpress
php

php return json header and content

php functions

php get file extension from a file name

php functions

php post data back to a url with a function

bootstrap

add a divider to your dropdown nav toggles

php functions

generate random username function in php

Search Code
Search Code by entering your search text above.
API