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.


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.