Адаптивная верстка на Бутстрапе

[Capz]

Привет, уважаемые форумчане! Недавно решил освоить бутстрап, и начал верстать под него стандартный двухколоночный макет шириной 980px. Работаю на ноуте, с разрешением 1366*768, колонки создавал с помощью классов col-xs-*, в итоге все хорошо получилось для моего разрешения. Однако при изменении окна браузера до 1024 пикселей в ширину, макет немного деформируется - стандартное бутстраповкое горизонтальное меню не влазит, и один пункт переходит на новую строку, также в некоторых местах возникают искажения из-за слишком больших margin и padding, которые я указывал в абсолютных значениях - px.
Часть проблем с паддингами вылечилась указанием размеров в %, для остальных проблем пришлось писать media query, в частности проблема с меню решилась, когда я для разрешения 1024 px указал паддинги в пунктах меню 10px, вместо прописанных в bootstrap.css 15 px
Я новичок в этом деле, и меня терзают сомнения - имея экран 1366 px, наверное с начала верстки, стоило использовать классы col-lg-*, а не col-xs-*?
Может есть хорошие примеры верстки конкретных дизайнов под бустрап?