Krickt

Объясню на словах.
Получаем все элементы с классом "tab", к примеру. Далее при событии нажатия показываем блок с ID, указанным в ссылке элемента.

body { overflow-x: hidden; } :)
заливайте лучше на jsfiddle.net

Посмотрите исходники jquery mobile, там есть этот ивент.
В чем проблема, кстати, переписать jq -> js?

Для row - position: relative;
Для выдвигающийся панели - position: absolute; bottom: 0;

Конечно можно, CSS3 это позволяет сделать. А в браузерах, которые это не поддерживают просто не будет этой волнистости, кроссбраузерность не будет нарушена.

Про переверстку уже все сказали.
У вас разве нет возможности сделать при заходе на страницу скачивание нового браузера с инструкцией по установке?

1) Смотрю в Chrome через Responsive Viewer
2) Смотрю на HTC One, Iphone 4, Ipad 3 (то, что есть под рукой)

Мне кажется вам стоит почитать вот эту статью, в ней все довольно понятно.
habrahabr.ru/post/203440
Однако стоит понимать, что БЭМ удобен в основном на больших проектах. Если вы делаете лендинг, сайт-визитку и подобное, вам проще использовать обычный каскад.

Очень похоже на поехавшую css-сетку...
Более без кода не сказать.

CSSComb и sublime text помогут.

Virtualbox, к примеру.
Но IE10 и IE11 не сильно различаются, беспокоиться лучше об IE8-9.

А в чем проблема отредактировать их позицию? О_О

Sublime text 2-3
На него ставлю плагины: emmet, СSScomb, sftp, autosave. В браузер ставлю livereload.
Profit!

Пробовал ещё WebStorm, но sublime берет скоростью и простотой.

Возможно неплохие курсы при ИТМО, т.к. это лучший ИТ ВУЗ в Питере.
Я бы посоветовал просто скачать курсы от "Специалиста", курсы при Бауманке. Эти курсы могу посоветовать, сам смотрю.
Или же посещать их курсы, сидя у себя дома. По-моему это намного удобнее.

Нельзя верстать Bootstrap, верстать можно с помощью Bootstrap.
Изменить стиль Bootstrap'a можно, как вы сказали, через LESS или обычный css.

А в чем проблема сделать основной сайт адаптивным?
Css-фреймворки - Bootstrap, Foundation, Kube.