Can I use "Bootstrap pricing table" in commercial projects?

Yes. All GoSnippets are MIT licensed for personal and commercial use without attribution.

Does this snippet include Bootstrap?

This example targets Bootstrap 5. Copy the HTML/CSS/JS into your layout after loading Bootstrap CSS and JS from CDN or npm.

Bootstrap pricing table — Free Utilities Snippet (Bootstrap 5)

Loading…

Bootstrap pricing table — Free Utilities Snippet (Bootstrap 5) | GoSnippets

Source Code

1<div class="demo">
2    <div class="container"> 
3        <div class="row">
4            <div class="col-md-3 col-sm-6">
5                <div class="pricingTable">
6                    <div class="pricingTable-header">
7                        <h3 class="heading">Standard</h3>
8                        <span class="price-value">
9                            <span class="currency">$</span> 10
10                            <span class="month">/mo</span>
11                        </span>
12                    </div>
13                    <div class="pricing-content">
14                        <ul>
15                            <li>50GB Disk Space</li>
16                            <li>50 Email Accounts</li>
17                            <li>50GB Monthly Bandwidth</li>
18                            <li>10 Subdomains</li>
19                            <li>15 Domains</li>
20                        </ul>
21                        <a href="#" class="read">sign up</a>
22                    </div>
23                </div>
24            </div>
25            <div class="col-md-3 col-sm-6">
26                <div class="pricingTable">
27                    <div class="pricingTable-header">
28                        <h3 class="heading">Business</h3>
29                        <span class="price-value">
30                            <span class="currency">$</span> 20
31                            <span class="month">/mo</span>
32                        </span>
33                    </div>
34                    <div class="pricing-content">
35                        <ul>
36                            <li>60GB Disk Space</li>
37                            <li>60 Email Accounts</li>
38                            <li>60GB Monthly Bandwidth</li>
39                            <li>15 Subdomains</li>
40                            <li>20 Domains</li>
41                        </ul>
42                        <a href="#" class="read">sign up</a>
43                    </div>
44                </div>
45            </div>
46            <div class="col-md-3 col-sm-6">
47                <div class="pricingTable">
48                    <div class="pricingTable-header">
49                        <h3 class="heading">Premium</h3>
50                        <span class="price-value">
51                            <span class="currency">$</span> 30
52                            <span class="month">/mo</span>
53                        </span>
54                    </div>
55                    <div class="pricing-content">
56                        <ul>
57                            <li>70GB Disk Space</li>
58                            <li>70 Email Accounts</li>
59                            <li>70GB Monthly Bandwidth</li>
60                            <li>20 Subdomains</li>
61                            <li>25 Domains</li>
62                        </ul>
63                        <a href="#" class="read">sign up</a>
64                    </div>
65                </div>
66            </div>
67            <div class="col-md-3 col-sm-6">
68                <div class="pricingTable">
69                    <div class="pricingTable-header">
70                        <h3 class="heading">Extra</h3>
71                        <span class="price-value">
72                            <span class="currency">$</span> 40
73                            <span class="month">/mo</span>
74                        </span>
75                    </div>
76                    <div class="pricing-content">
77                        <ul>
78                            <li>80GB Disk Space</li>
79                            <li>80 Email Accounts</li>
80                            <li>80GB Monthly Bandwidth</li>
81                            <li>25 Subdomains</li>
82                            <li>30 Domains</li>
83                        </ul>
84                        <a href="#" class="read">sign up</a>
85                    </div>
86                </div>
87            </div>
88        </div>
89    </div>
90</div>

Bootstrap pricing table

How to use this snippet

Customization tips

Best for

Accessibility notes

Responsive design

Source Code

More Utilities snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Bootstrap pricing table

How to use this snippet

Customization tips

Best for

Accessibility notes

Responsive design

Source Code

More Utilities snippets

Working in Tailwind? Explore our Tailwind gallery

Trending Bootstrap snippets

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection