<div class="position-fixed bottom-0 end-0 p-8" style="z-index: 50;">
<div class="position-relative d-flex flex-wrap align-items-end ps-12 pe-8 py-6 bg-white">
<div class="position-absolute top-0 mt-n2 bg-white" style="width: 24px; height: 24px; transform: rotate(45deg);"></div>
<div class="mw-md pe-2">
<h5 class="mb-2 lead fw-bold">Cookies settings</h5>
<p class="mb-0 text-muted">By clicking Accept, you agree to the storing of cookies on your device to enhance site navigation...</p>
</div>
<div class="mt-6 mt-md-0">
<a class="link-info d-inline-flex mb-4 mb-md-0 me-6 align-items-center" href="#">
<span class="me-2">More</span>
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.0871 7.41489L19.3999 14.102L18.564 13.2661L24.2439 7.58625L0.592385 7.59043L0.592385 6.41183L24.2439 6.40765L18.982 1.14571L19.8179 0.309822L26.0871 6.579C26.3179 6.80984 26.3179 7.18406 26.0871 7.41489Z" fill="#3C60D9"></path>
</svg>
</a>
<a class="btn btn-primary py-4 text-uppercase" href="#">Accept</a>
</div>
</div>
</div>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 5
- Application 38
- Banner 10
- Blog 43
- Call to action 75
- Contact 23
- Content 4
- Content 45
- Cookies 31
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 29
- Features 108
- Footer 27
- Footers 10
- Graphs 9
- HTTP codes 32
- Headers 75
- How it works 29
- Logo clouds 51
- Modals 3
- Navbar 40
- Navigation (horizontal) 63
- Navigation (vertical) 4
- Newsletter 31
- Portfolio 29
- Pricing 25
- Projects 9
- Reviews 5
- Sign in / Sign up 55
- Stats 45
- Tables 25
- Team 24
- Testimonials 25
- Users 8
Everyone needs to collect cookies. With these simple messages, you will collect consents without scaring users away. Fit Bootstrap components cookies into your page layout without friction.
On this subpage, you can browse the different Bootstrap cookies component themes that are available in our UI libraries. You will also find many other types of components that will follow a similar style. Each of these libraries has been developed by experienced designers along with our in-house development team.
Get access to all Bootstrap cookies components, code and our editor. Test the editor demo for free.
Component #1
