Николай

в sass можно подключать и less файлы через gulp. Так же есть конвейтеры

ИТшеф

Нужно смотреть код. Возможно у тебя просто не умещается номер в колонке, тут два варианта. Меняешь размер колонки к примеру .col-xs-4 или через media меняешь размер шрифта.

попробуй найти отвечающие за анимацию классы в верстке.

li.tree-parent[aria-expanded=true]

Попробуй так.

var mql = window.matchMedia('all and (max-width: 768px)');
    if (mql.matches) {
        $('#wrapper'').removeClass('toggled');
    } else {
    }

Можно как-то так попробовать.

Есть готовые решения, ищи что-то вроде Accordion Table. По личному опыту скажу, что дописывать все равно придется, а лучше писать самому используй bootstrap – collapse и по вложенности делай отступ + добавишь иконки.

Вот твой код: codepen.io/anon/pen/ZeMGRm

Сделай скрин что у тебя прыгает, раз 5 прочитал, ничего не понял)

Да конечно. Почитай про media queries.