→ 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

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

Featured Product Card

Author:
Prajwal Hallale

1 year ago

2.6k

v.5.3
Scroll Animation
Scroll Animation

Author:
Rami AlAjo

11 months ago

3k

v.4.6
A Bootstrap Playground
TBD

Author:
Pranjal Adhikari

7 months ago

767

v.4.6
Card with background image

Author:
Nicholas

1 year ago

3.5k

v.4.6
Contact Us Page with Google Maps and Form Validation
HTML: Form Fields: Includes fields for name, email, and message. Google Map: A div with an id of map where the Google Map will be displayed. Feedback Elements: <div> elements for displaying validation messages and success messages. CSS: Styling: Adds padding for the contact section, sets the map height, and styles feedback and success messages. JavaScript: Google Maps Initialization: Uses the Google Maps JavaScript API to create and display a map centered at specified coordinates. Replace YOUR_GOOGLE_MAPS_API_KEY with your actual API key. Form Validation: Validates the input fields and displays appropriate messages if the input is invalid or missing. How to Use: Replace API Key: Insert your Google Maps API key in the script tag for Google Maps. Customize Coordinates: Update the latitude and longitude in the initMap function to reflect your actual location. Validation Rules: Customize validation logic as needed for your form requirements.

Author:
zobaidul kaziex

1 year ago

7.8k

v.4.6
Card Layout
Using masonry in cards layout

Author:
almounkez

1 year ago

4k

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

Author:
Jimmy Mercury

1 year ago

1.7k

v.5.3
Kategori Produk

Author:
java stories story

5 months ago

1.4k

v.5.3
Music speakers status

Author:
Jonathan

9 months ago

889

v.5.3
product list

Author:
java stories story

6 months ago

2.3k

v.5.3
Responsive Card Grid
A responsive grid of cards with hover effects

Author:
Prajwal Hallale

1 year ago

5.9k

v.5.3
User Profile Card with Bootstrap
How to Use: Replace Image URL: Update the src attribute of the img tag to the actual URL of the user’s image. Update Text: Change the text inside the h5 and p elements to reflect the user’s actual name and biography

Author:
zobaidul kaziex

1 year ago

2.6k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent