A visual guide to Bootstrap 4.0

What it does

Bootstrap 4 migration guide, themes and example snippets. Find themes, code examples for Bootstrap 4,and how to customize Bootstrap 4 with SASS.

What you notice first in Bootstrap 4 is that .panel and .well have been replaced by the .card . This makes a lot of sense as "cards" are one of the more well known trends in responsive design. The Bootstrap 4 Cards can be singular, grouped together (as shown) or equal height . There are many different layout and content options. Cards are a good way to display content composed of different types of objects. They’re well-suited for presenting similar objects whose size or supported actions vary, like headings and photos with captions. Use card groups to render equal height cards without gutters between the cards. Use .card-deck for cards that aren’t attached to each another. A…from bootstrap4.guide

• 
  Bootstrap Themes2015 · glow-limpet-524.notion.site · ▲193

  Official themes from Bootstrap's creators

• 
  Bootstrap 4 Cheat Sheet2016 · hackerthemes.com · ▲144

  An interactive Bootstrap 4 cheat sheet

• 
  Bootstrap 5 Alpha2020 · getbootstrap.com · ▲182

  Build fast, responsive sites with the latest Bootstrap

• 
  Bootstrap Tools2017 · ▲218

  Resources for the Bootstrapping Founder

• 
  Bootstrap Design2020 · ▲143

  The missing design companion for Bootstrap 4

• 
  Bootstrap Material Design2014 · fezvrasta.github.io · ▲148

  Material Design for Bootstrap

• 
  /dev/null▲483

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲345

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Prisma▲1,463

  AI that turns your photos into artwork in seconds

  AI · 2016 · prisma-ai.com

• 
  Loom▲1,168

  Seamless screen, mic, and camera recording for Chrome

  Work · 2016 · loom.com

• 
  Google Fonts▲1,159

  Brand new redesign to Google Fonts ✨

  Work · 2016 · fonts.google.com

• 
  New calendar app idea▲825

  Work · 2016 · oneviewcalendar.com

• IM
  I made a database of remote companies▲747

  Dev tools · 2016 · remotebase.io

• 
  Scale▲717

  Get human tasks done with just one line of code.

  Dev tools · 2016 · scale.com