<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 43
- Applications 5
- Banner 15
- Blog 53
- Call to action 86
- Contact 28
- Contacts 5
- Content 59
- Cookies 41
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 39
- Features 118
- Footers 48
- Graphs 18
- HTTP codes 43
- Headers 86
- How it works 39
- Logo clouds 68
- Modals 3
- Navbar 68
- Navigation (horizontal) 80
- Navigation (vertical) 6
- Navigations 4
- Newsletter 41
- Portfolio 39
- Pricing 35
- Projects 9
- Reviews 5
- Sign in / Sign up 65
- Stats 71
- Tables 52
- Tables 5
- Team 35
- Testimonials 35
- 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.
Component #6
Component #7
Component #8
Component #9
Component #10
