→ 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="container-fluid mt-3">
    <div class="row">
    <div class="col col-8">
            <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 col-4">
       <h2>House Points</h2>

<div class="table-rounded">
      <table class="table mb-0">
       <thead>
    <tr>
      <th scope="col"></th>
      <th scope="col">House</th>
      <th scope="col">Points</th>
    </tr>
  </thead>
  <tbody>
    <tr">
    <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>
</div>

More Examples

Kategori Produk

Author:
java stories story

5 months ago

1.4k

v.5.3
Interactive Team Member Card with Flip Effect

Author:
Reza Farhadi

1 year ago

3.9k

v.5.3
bootstrap-dashboard

Author:
Joey "Manny" Torres

1 year ago

1.1k

v.5.3
Product Modal with JS

Author:
java stories story

4 months ago

1k

v.5.3
Pricing Page with Bootstrap and Icons
HTML: Navbar: Provides navigation links, including a link to the Pricing page. Pricing Section: Contains three columns, each representing a pricing plan with a card layout. Icons: Font Awesome icons are used for visual representation (e.g., stars and check circles). CSS: Card Styling: Adds border, shadow, and hover effects to the pricing cards. Plan-Specific Styles: Different border colors for each pricing plan (Free, Gold, Platinum). Button Styles: Different button colors to match the card styles. JavaScript: No custom JavaScript is required for this static pricing page, but you can add interactivity if needed. How to Use: Customize Content: Update the plan names, prices, features, and button actions as needed. Replace Icons: Choose different Font Awesome icons if desired by updating the <i> elements.

Author:
zobaidul kaziex

1 year ago

1.5k

v.4.6
test

Author:
Anonymous

9 hours ago

9

v.5.3
Scroll Animation
Scroll Animation

Author:
Rami AlAjo

11 months ago

3k

v.4.6
Glowing Card
glowing effect and smooth hover animation

Author:
Prajwal Hallale

1 year ago

3.6k

v.5.3
Card with background image

Author:
Nicholas

1 year ago

3.5k

v.4.6
product list

Author:
java stories story

6 months ago

2.3k

v.5.3
Sound Board
Sound Board

Author:
Rami AlAjo

11 months ago

1.3k

v.4.6
Card w/ gradient background
A modern and visually appealing card component with a gradient background and hover effect.

Author:
Prajwal Hallale

1 year ago

4k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent