Responsive design - setting a single breakpoint?

1. What is a breakpoint in responsive design?
2. How many breakpoints should I design for?

What is a breakpoint in responsive design?

Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes in Bootstrap.

How many breakpoints should I design for?

While there is no universal set of breakpoints or best practices, you should use at least 3 breakpoints for the most device flexibility (see illustration). When designing for specific breakpoints, consider the content you have. Don't build media queries for devices, built it for content.