Do you use Bootstrap 4 in your projects? If so, you may be interested to see these examples of it in action that we’ve collected. From modals, sidebars, and thank you pages, to drag and drop, responsive menus, and buttons, we’ve gathered a few samples of code snippets to help you further how you build your next website. So have a look, play with them on CodePen, bookmark, and be sure to check out our other collections while you’re at it.
Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
Starting at only $16.50/month!
Bootstrap 4 Modal Demos
See the Pen Modal Demos by SitePoint (@SitePoint) on CodePen.
Sidebar Template
See the Pen Sidebar template by Mohamed Azouaoui (@azouaoui-med) on CodePen.
Thank You Page Template
See the Pen Thank You Page Template by Jacob Lett (@JacobLett) on CodePen.
Custom Drag & Drop
See the Pen Custom drag file upload by Aaron Vanston (@aaronvanston) on CodePen.
Float Label
See the Pen Float Label by Anton Staroverov (@tonycorp) on CodePen.
Responsive Menu
See the Pen Responsive Bootstrap 4 menu – light/dark by Ivan Grozdic (@ig_design) on CodePen.
Play YouTube or Vimeo Videos in Modal
See the Pen Play YouTube or Vimeo Video in Modal – Bootstrap 4 by Jacob Lett (@JacobLett) on CodePen.
Auto Custom Buttons
See the Pen Auto Custom Bootstrap Buttons by Chris Johnson (@thecssguru) on CodePen.
Wizard
See the Pen Wizard by Nily F. Vicent (@missvicent) on CodePen.
Pricing Table
See the Pen Pricing Table by Daniel Zawadzki (@danzawadzki) on CodePen.
This post may contain affiliate links. See our disclosure about affiliate links here.