<div class="position-fixed bottom-0 end-0 pb-16 px-4 px-lg-10" style="z-index: 50;">
<div class="container">
<div class="mw-2xl py-8 px-8 px-md-14 position-relative rounded bg-secondary">
<div class="position-absolute top-0 start-0 translate-middle-y ms-12 bg-secondary" style="clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 40px; height: 40px;"></div>
<div class="row align-items-center">
<div class="col-12 col-md-5 mb-4 mb-md-0">
<h5 class="text-white mb-2">Cookie Policy</h5>
<p class="text-secondary-light small">By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation...</p>
</div>
<div class="col-12 col-md-7 d-flex align-items-center justify-content-end">
<a class="d-inline-flex mb-4 me-8 align-items-center text-decoration-none text-white" href="#">
<span class="me-4">More</span>
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.0851 7.66792L19.398 14.355L18.5621 13.5192L24.242 7.83927L0.590432 7.84345L0.590431 6.66485L24.242 6.66067L18.98 1.39873L19.8159 0.562843L26.0851 6.83202C26.3159 7.06286 26.3159 7.43708 26.0851 7.66792Z" fill="currentColor"></path>
</svg>
</a>
<a class="btn mb-4 btn-outline-light" href="#">Accept</a>
</div>
</div>
</div>
</div>
</div>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 85
- Application 58
- Banners 15
- Blog 84
- Call to action 99
- Careers 8
- Contact 42
- Content 62
- Cookies 48
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 49
- Features 140
- Footers 58
- Graphs 18
- HTTP codes 55
- Hero section 96
- How it works 46
- Logo clouds 80
- Modals 6
- Navbar 68
- Navigation (horizontal) 97
- Navigation (vertical) 6
- Newsletter 49
- Portfolio 39
- Pricing 47
- Projects 9
- Reviews 5
- Rich text 3
- Sign in / Sign up 81
- Stats 84
- Tables 57
- Team 46
- Testimonials 46
- Users 25
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.
