Piranis

Разворачиваешь проект ставишь rails-sass compass по инструкции ну и рассовываешь все файли по нужным папкам прописываешь в asdasd.css.scss
@import "compass";
рестарт сервера потом смотришь ошибки на stackoverflow более конкретно. а как интегрировать это понятие расплывчатое :)
И разметку из index.php сохрани

на сервере иметь несколько изображений (например - 3) отдавать по размерам девайса изображение. разные версии картинок генерировать при сохранении. Сжать css и js в отдельные инифицированные файлы. перенсти загрузку js в конце проверить нет ли зарузки лишних ненужных или дублированный js библиотек. по возможности использовать кроссплатформенные шрифтовые наборы.
Все это умеет делать rails + paperclip если проект не большой переехать на него

@media screen and (max-width: 378px) {
 div#huiv{ margin:0px;}
 ....
 }

вынести его в одельный фал и по клику удалять ссылку на него - вариант только тогда когда вся адаптивная верстка bootstrap элементов вынесена так-же в этот отдельный файл

RAILS + HAML + SASS/LESS - начни сечас и никогда больше не будешь смотреть в сторону wp j3 bitrix и прочих