Мне нужно чтобы страница со скрина была не адаптивной(подключён bootstrap 4)

Для этого я прописал в html
<html style="min-width: 1201px">
<head style="min-width: 1201px">
<meta name="viewport" content="width=1201" />
А в css
html {
padding:0;
margin: 0;
min-width: 1201px;
overflow-x: auto;
}
body {
padding:0;
margin: 0 auto;
min-width: 1201px;
color: #153557;
font-size: 14px;
}
После этого всё стало выглядеть так, при уменьшении окна браузера:

И так, при уменьшении окна в режиме разработчика:

Т.е. к режиму разработчика стили применились, но мне нужно чтобы это работало везде.