Как добиться нужного результата — css и bootstrap?

Здравствуйте. Прошу помочь разобраться с бутстрапом.
Есть index.html а в нем картинка(логотип), заголовок и пару инпутов. При просмотре через мобильную версию размеры картинки(логотипа), заголовка и инпутов остаются теми же, что и для обычного монитора(большие).
Есть style.css. Если в нем явно задаю .container { width:600px; } (без media и прочей приблуды), то теперь при просмотре через мобильную версию и картинка(логотип) и заголовок и инпуты уменьшаются пропорционально - именно то что мне нужно!
Но проблема заключается в том, что если открыть страницу через мобильное устройство, то страница открывается не вмещенная в экран, а как будто ее приблизили, и чтобы она вся вместилась в экран нужно движением пальцев как бы отдалить зуммированную версию. Подскажите пожалуйста, как можно сделать так, чтобы экран уже изначально открывался нормальным(вмещенным полностью), а не так, будто его кто-то приблизил? Спасибо.