myaca

Внутри нужного класса дописать:

@media(max-width: $someWidth){
/* styles */
}

Обычно так делается... Зачем какие-либо библиотеки еще

Flex!

caniuse.com/#search=flex

96%+ поддержка браузерами... Как мне кажется, float следует использовать только в редких случаев, когда поддержка старых браузеров действительно важна, но вообще это, конечно, нужно исходить из проекта/заказчика/etc

конкретно в этой ситуации, нет смысла в этой проверке...
Есть такой метод в jQuery:
toggleClass() - почитай про него
Для того, чтобы event не распространялся дальше по DOM, тебе нужно в колбек прокинуть объект event и сказать ему, мол, не надо дальше (stopPropagation())

Почитай про это по ссылке, что тебе скинули на learn.javascript.ru

$(" .toolbar-top-link-alt-zakaz").click(function (e) {
e.stopPropagation();
$(" .toolbar-top-link-alt-zakaz .CheckOrderBlock-custom").toggleClass("open-order");
});

ты бы на jsfiddle закинул... ибо не очень понятно в чем конкретно проблема

похоже, что я не понял, но ведь можно использовать класс .container-fluid, если нужен контейнер на весь экран

https://jsfiddle.net/q9jfw4ty/1/

Как-то так

Пиши если что