How to resize bootstrap popover?

What are the standards when creating a website?

• I just want to know the following: Is there a standard size (dimensions) for the entire document? How can I create a website that doesn't mess up whenever I resize the window? How can I do this without Bootstrap?

• Answer:

  Is there a standard size (dimensions) for the entire document? Not per se, but 960 is a good all-purpose default width. If you're designing specifically for high-performance machines i.e. desktops and laptops, you can go up to 1200 if you have a good reason to. See the next question/answer for more. How can I create a website that doesn't mess up whenever I resize the window? http://en.wikipedia.org/wiki/Responsive_web_design is the accepted practice for creating a site that looks good on every resolution. Not only can it create a good experience for mobile, but it lets you design a site to fully occupy wide monitors as well, if that has a benefit. Responsive design involves the ability of a site to scale seamlessly throughout window and screen sizes, while employing a few hard breakpoints (if you've ever seen a site with only a phone mode running on a full-screen, it looks like crap) to to accommodate significantly different form factors like phones (3.5-4.5 inches), microtabs (4.5-6 inches, and lamentably referred to as "phablets"), tablets (6-10 inches), and monitors. There are also ways to query device type to optimize for a screen size versus a resolution (up till now a proxy for screen size). How can I do this without Bootstrap? WordPress, as much of a turd as it is, does have responsive themes already, like http://www.elegantthemes.com/gallery/divi/.