Денис Инешин

1. Бутстрап состоит из компонентов, никто не мешает вам при сборке использовать только нужные.
2. Логично что дизайнер должен знать об использовании бутстраповской сетки и готовить макеты под неё, иначе смысл пропадает.
3. В любом случае бутстрап подходит только для каких-то корпоративных сайтов со стандартизированной сеткой и т.п., для сложных креативных дизайнов он не подходит вообще.

Не совсем понятно что именно вам нужно, но, например чтобы фокус мог сработать на диве, у него должен стоять атрибут tabindex="-1"

Media Queries помогут вам настроить разный вид сайта под разные разрешения.

Не получилось. Я сходу получил горизонтальную прокрутку. А её не должно быть вообще на адаптивных сайтах.

Изучите предмет: habrahabr.ru/post/237931
При использовании ретина экранов (планшеты, смартфоны, новые ноутбуки и т.п.) использовать картинки физически большего размера оправдано.
Единственное что, лучше конечно отдавать каждому браузеру свой вариант картинки. Множитель DPI можно проверить с помощью Media queries в CSS и на основе этих данных принять решение.

$(document).on('click', 'td', function () {
    var content = $(this).html();
    console.log(content);
});

В этом вам поможет CSS Transform Origin

var test = '<span>Test</span><span>Test2</span>';
test = test.replace(/<span>/g, '<div>');
test = test.replace(/<\/span>/g, '</div>');
console.log(test); // <div>Test</div><div>Test2</div>

Updated.

Примерно так: jsfiddle.net/IonDen/0hk6bhms

var $menu = $('.menu'),
    $items = $menu.find('li'),
    num = $items.length,
    current = -1;

$(document).on('keyup', function (e) {
    var key = e.which;
    
    switch (key) {
        case 38:
            current--;
            if (current < 0) {
                current = num - 1;
            }
            
            break;
            
        case 40:
            current++;
            if (current > num - 1) {
                current = 0;
            }
            
            break;
    };
    
    $items.eq(current).addClass('active').siblings().removeClass('active');
});