Каким образом лучше перевести из «резинового» шаблона в адаптивный?
Если сайт уже сверстан, то фреймворк вам вряд ли поможет, адаптивность нужно будет делать при помощи media-запросов. Запросы должны идти в порядке убывания. Могу предложить такой вариант:@media screen and (max-width: 1024px) {
    /* Стили для разрешения 1024px и ниже */
}
@media screen and (max-width: 768px) {
    /* Стили для разрешения 768px и ниже */
}
@media screen and (max-width: 600px) {
    /* Стили для разрешения 600px и ниже */
}
@media screen and (max-width: 480px) {
    /* Стили для разрешения 480px и ниже */
}
Верстка под данные разрешения покроет львиную долю мобильных устройств. При разрешении 1024px и ниже делаете сайт резиновым. Округляйте полученные значения при подсчете ширины, чтобы было удобно. И не забывайте, что в общую ширину входят еще внешние и внутренние отступы, либо используйте правило box-sizing: border-box. Если внимательно следить за шириной, то ничего разваливаться не будет.
Значит он у вас и не особо то резиновый, раз "если слегка сжимать — шаблон разъезжается." ...
Я бы на вашем месте сначала включил мозг и понял собственно как блоки должны выстраиваться в каждом из разрешений (320, 520, 768, 1000). Если ваша структура позволяет перестраивать блока как задумали, то после озадачиться перегонкой из пикселей в проценты, и em-ы.