Вообще не проблема, напиши свой скайп в личку, помогу

Делается на CSS с помощью media запросов. Т.е. у вас есть определенные "переломные" точки - разные расширения экранов, при которых вы указываете как именно должны располагаться блоки.
Для ознакомления можете глянуть здесь

Никогда не понимал смысла таких вопрос, которые подразумевают собой какие-то абстрактные действия со стороны откликнувшихся.
Что значит "как сверстать мобильную версию"? Какие блоки менять?

Окей, попробую ответить на ряд вопросов..


http://bootstrap-3.ru/


Notepad++ | SublimeText 3 | Блокнот


Media Queries

для адаптивной верстки я использую rupture mixins под stylus, очень удобная вещь

Такой вопрос, чтобы добится желаемого результата в версии для больших экранов, приходится делать шрифт 13-14рх, и норм смотрится, а для теоефона очень мелко, и чтобы норм смотрелось, приходится делать шрифт большоц, около 20-24 px... почему так?

Точек на дюйм у монитора и телефона разве одинаково?

Для адапнивности надо использовать em а не px.
https://habrahabr.ru/post/42151/
http://htmlbook.ru/content/edinitsy-izmereniya

Geers, который зависит напрямую от px)
Увеличив в браузере размер шрифта в 2 раза, получим и увеличение всего в 2 раза (если честно в em всё делать). Но тут полезут другие проблемы, например, с тизерами-картинками, которые нужно сделать так, чтобы и при 16px шрифте нормально было, и при 12px смысловая часть не терялась, и в 26px вписывалось. Это одна из проблем, на самом деле, их больше гораздо, фоновые картинки чего стоят.

Так, еще назрел вопрос по поводу изменения положения блоков. Как сделать так чтобы блок переместился в другое место при просмотре с телефона? Я так понимаю можно через java, а можно еще проще сделать блоки для большого и для маленького и просто прятать их или наоборот показывать... а как нужно делать? Нужно не просто поменять местами, а например перенести блок.