Answered
How to position image for it to always be in the middle of the page?
I know how to center an image with bootstrap .center-block but how do I center an image on a whole page?
If you just want an image centered vertically and horizontally on a page all by itself you can use Flexbox. Flexbox is supported in 97.5% of modern browsers - I cant think of a reason not to use it. Its been a main-stream workflow for a couple of years now in the professional developer world, so use it unless you need to support IE8 or IE9, which many have already dumped a long time ago.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Flexbox - Center Vertically and Horizontally</title>
<style>
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
overflow:hidden;
}
</style>
</head>
<body>
<img src="images/image.jpg" alt="">
</body>
</html>
AdChoices