Bootstrap Snippets

A curated library of Bootstrap 4 code snippets, perfect for dropping into your project without downloading an entire theme!

  1. Start Bootstrap
  2. Bootstrap Snippets
CSS Only HTML5 Video Background Snippet for Bootstrap 4
HTML5 Video Background Header with Mobile Fallback
Bootstrap 4 Pricing Table with Custom Hover Effects and Buttons
Pricing Table with Custom Hover Effects and Buttons
Bootstrap Login Screen with CSS Only Floating Form Labels and Social Logins
Login Screen with Floating Form Labels and Social Logins
Bootstrap 4 Login Screen with CSS Only Floating Form Labels and Social Logins
Registration Page with Floating Form Labels and Splash Image
A Bootstrap 4 header with a half page height image slider
Bootstrap 4 Half Page Height Image Slider Header
A Bootstrap 4 header with a full page height image slider
Bootstrap 4 Full Page Height Image Slider Header
A Bootstrap 4 example navbar with a logo as the navbar brand
Bootstrap 4 Navbar Example with Logo Image
A Bootstrap 4 example layout with an about section and team members
About and Team Member Example Section Layout
A Bootstrap 4 starter layout with a full page image header and vertically centered content
Full Page Image Header with Vertically Centered Content
A Bootstrap 4 starter layout with a full page fixed background image and content cards
Fixed on Scroll Full Page Image Background
A basic gallery layout with image thumbnails built with Bootstrap 4
Basic Gallery Layout with Image Thumbnails
A simple portfolio item details page example built with Bootstrap 4
Portfolio Item Details Layout Example
A basic portfolio page layout snippet with four content columns and equal card heights built with Bootstrap 4
Four Column Portfolio Layout Example
A basic portfolio page layout snippet with three content columns and equal card heights built with Bootstrap 4
Three Column Portfolio Layout Example
A basic portfolio page layout snippet with two content columns built with Bootstrap 4
Two Column Portfolio Layout Example
A basic portfolio page layout snippet with one content column built with Bootstrap 4
One Column Portfolio Layout Example
More snippets are coming soon!