Bootstrap cookie banner is a popup window with cookie notice required by GDPR. Learn how to create a modal like this with Bootstrap 5 or download free examples.
Check out Bootstrap Cookie consent Documentation for detailed instructions & even more examples.
Simple modal login
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-mdb-toggle="modal" data-mdb-target="#cookieconsent1">
Launch cookie consent
</button>
<!-- Modal -->
<div class="modal fade" id="cookieconsent1" tabindex="-1" aria-labelledby="cookieconsentLabel1" aria-hidden="true" data-mdb-backdrop="static" data-mdb-keyboard="false">
<div class="modal-dialog modal-sm d-flex justify-content-center">
<div class="modal-content text-center">
<div class="modal-header d-flex justify-content-center">
<h5 class="modal-title text-primary" id="cookieconsentLabel1">Cookies & Privacy</h5>
</div>
<div class="modal-body p-4">
This website uses cookies to ensure you get the best experience on our website.
</div>
<div class="modal-footer d-flex justify-content-center">
<button type="button" class="btn btn-outline-primary" href="#">Learn more</button>
<button type="button" class="btn btn-primary" data-mdb-dismiss="modal">Confirm</button>
</div>
</div>
</div>
</div>
<!-- Modal -->How to use?
-
Download MDB 5 - free UI KIT
-
Choose your favourite customized component and click on the image
-
Copy & paste the code into your MDB project
More examples
Bootstrap Cookie consent with icon:
Bootstrap Cookie consent with checkboxes:
Bootstrap Cookie consent frame:
More extended Bootstrap documentation
- Bootstrap Address Form
- Bootstrap Avatar
- Bootstrap Back To Top Button
- Bootstrap Carousel Slider with Thumbnails
- Bootstrap Bullet list
- Bootstrap Chat
- Bootstrap Code Blocks
- Bootstrap Comments
- Bootstrap Comparison Table
- Bootstrap Credit Card Form
- Bootstrap Drawer
- Bootstrap Nested Dropdown
- Bootstrap FAQ component / section
- Bootstrap Gallery
- Bootstrap Hamburger Menu
- Bootstrap Invoice
- Bootstrap Jumbotron
- Bootstrap Login Form
- Bootstrap Maps
- Bootstrap Media Object
- Bootstrap Mega Menu
- Bootstrap Multiselect
- Bootstrap News Feed
- Bootstrap Offcanvas
- Bootstrap Order Details
- Bootstrap Page Transitions
- Bootstrap Payment Forms
- Bootstrap Product Cards
- Bootstrap Profiles
- Bootstrap Quotes
- Bootstrap Registration Form
- Bootstrap Expanding Search Bar
- Bootstrap Select with custom Input
- Bootstrap Shopping Carts
- Bootstrap Side Navbar
- Bootstrap Sidebar
- Bootstrap Social Media Icons & Buttons
- Bootstrap Square Buttons
- Bootstrap Survey Form
- Bootstrap Testimonial Slider
- Bootstrap Testimonials
- Bootstrap Textarea
- Bootstrap Text Animations
- Bootstrap Timeline
- Bootstrap To Do List
- Bootstrap Video
- Bootstrap Video Carousel / Gallery
- Bootstrap Weather
- Bootstrap Dark Mode
- Bootstrap Padding
- Bootstrap Modal Size
- Bootstrap Modal Show, Close, Hide & Toggle
- Bootstrap Modal Backdrop
- Bootstrap Card columns
- Bootstrap Card Deck
- Bootstrap Table Filter
- Bootstrap Table responsive
- Bootstrap Sliders
- Bootstrap Slideshow
- Bootstrap Logo
- Bootstrap Popup
- Bootstrap Max Width
- Bootstrap Hero
- Bootstrap Inline list
- Bootstrap Select Dropdown
- Bootstrap Labels
- Bootstrap Dialog
- Bootstrap Screen Sizes
- Bootstrap Dropdown Button
- Bootstrap Widgets & Addons
- Bootstrap Overlay
- Bootstrap Height
- Bootstrap Popover on hover
- Bootstrap Border radius
- Bootstrap Table fixed header
- Bootstrap Side Menu
- Bootstrap Vertical Navbar
- Bootstrap Flash Messages
- Bootstrap Number Inputs
- Bootstrap Inline Block
- Bootstrap Modal Form
- Bootstrap Horizontal list
- Bootstrap Side panel
- Bootstrap Navbar brand
- Bootstrap Select list