Bootstrap 5 E-commerce product card checkout — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
1 <div class="container d-flex justify-content-center">
2 <figure class="card card-product-grid card-lg"> <a href="#" class="img-wrap" data-abc="true"> <img src="https://i.imgur.com/lLs9Gao.jpg"> </a>
3 <figcaption class="info-wrap">
4 <div class="row">
5 <div class="col-md-9 col-xs-9"> <a href="#" class="title" data-abc="true">Dell Xtreme 270</a> <span class="rated">Laptops</span> </div>
6 <div class="col-md-3 col-xs-3">
7 <div class="rating text-end"> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <span class="rated">Rated 4.0/5</span> </div>
8 </div>
9 </div>
10 </figcaption>
11 <div class="bottom-wrap-payment">
12 <figcaption class="info-wrap">
13 <div class="row">
14 <div class="col-md-9 col-xs-9"> <a href="#" class="title" data-abc="true">$3,999</a> <span class="rated">VISA Platinum</span> </div>
15 <div class="col-md-3 col-xs-3">
16 <div class="rating text-end"> #### 8787 </div>
17 </div>
18 </div>
19 </figcaption>
20 </div>
21 <div class="bottom-wrap"> <a href="#" class="btn btn-primary float-end" data-abc="true"> Buy now </a>
22 <div class="price-wrap"> <a href="#" class="btn btn-warning float-start" data-abc="true"> Cancel </a> </div>
23 </div>
24 </figure>
25 </div>
Bootstrap carousel with cards in 3 columns
Bootstrap carousel with cards in 3 columns: a hand-crafted, open-source Bootstrap 5 card. HTML included, ready to copy.
Bootstrap 5 ecommerce product cards details template
Add a card to your UI with Bootstrap 5 ecommerce product cards details template. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Bootstrap snippet Panels with nav tabs using HTML & CSS
Bootstrap snippet Panels with nav tabs using HTML & CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.