→ Anonymous
→ test

test

This bootstrap css example is contributed by Anonymous, on 15-Feb-2026. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Card

Author Anonymous

246

v.5.3

Fork Fullscreen

<div class="row">
    <div class="col">
            <h2>Quick Links</h2>
     <div class="list-group">
<a href="https://www.google.com" class="list-group-item list-group-item-action"> Hello</a>
<a href="https://www.google.com" class="list-group-item list-group-item-action"> Hello</a>
<a href="https://www.google.com" class="list-group-item list-group-item-action"> Hello</a>
<a href="https://www.google.com" class="list-group-item list-group-item-action"> Hello</a>
<a href="https://www.google.com" class="list-group-item list-group-item-action"> Hello</a>
<a href="https://www.google.com" class="list-group-item list-group-item-action"> Hello</a>
<a href="https://www.google.com" class="list-group-item list-group-item-action"> Hello</a>
<a href="https://www.google.com" class="list-group-item list-group-item-action"> Hello</a>
</div>
    </div>
    <div class="col">
       <h2>House Points</h2>

<table class="table table-borderless border rounded">
  <thead>
    <tr>
      <th scope="col"></th>
      <th scope="col">House</th>
      <th scope="col">Points</th>

</tr>
  </thead>
  <tbody>
    <tr class="table-primary">
    <th scope="row">1<sup>st</sup></th>
      <td>Compton</td>
      <td>27</td>

</tr>
    <tr>
    <th scope="row">2<sup>nd</sup></th>
      <td>Bassett</td>
      <td>87</td>

</tr>
    <tr>
    <th scope="row">3<sup>rd</sup></th>
      <td>Winterborne</td>
      <td>43</td>
    </tr>
        <tr>
    <th scope="row">4<sup>th</sup></th>
      <td>Wootton</td>
      <td>32</td>
    </tr>
        <tr>
    <th scope="row">5<sup>th</sup></th>
      <td>Berwick</td>
      <td>21</td>
    </tr>
  </tbody>
</table>

</div>
  </div>
</div>

More Examples

for me
A modern and visually appealing card component with a gradient background and hover effect.

Author:
Jimmy Mercury

1 year ago

1.8k

v.5.3
Product Modal with JS

Author:
java stories story

7 months ago

1.2k

v.5.3
product list

Author:
java stories story

9 months ago

2.7k

v.5.3
Expanding Cards Horizontal

Author:
Juan Antonio González Hernández

2 months ago

418

v.4.6
Map Section

Author:
Tanvir fahad

2 days ago

19

v.4.6
User Profile Card with Social Icons using Bootstrap 5

Author:
Anonymous

1 year ago

7.7k

v.5.3
Product Card
A product card layout for an e-commerce website with an image at the top

Author:
Juan Martinez

1 year ago

17.8k

v.5.3
Product Card
Card diseñada para mostrar productos de forma atractiva y ordenada, inspirada en Mercado Libre. Incluye imagen fija, título uniforme, precio anterior tachado, precio actual con descuento y etiquetas promocionales como "Envío gratis". Incorpora un efecto hover con sombra acentuada y usa clases CSS para fácil integración y mantenimiento.

Author:
Facundo Banegaz

1 year ago

1.4k

v.4.6
Product card component using Bootstrap 5

Author:
Mateo Rojas

1 year ago

2.8k

v.5.3
Sound Board
Sound Board

Author:
Rami AlAjo

1 year ago

1.5k

v.4.6
service list
do not copy

Author:
Fitar Ahmed

3 hours ago

2

v.4.6
featured product

Author:
Juan Antonio González Hernández

2 months ago

396

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent