Фразы "зачем они это сделали" и "видимо ожидалось" - не в тему, потому что это все не вручную делалось, а минификатором. Все ради того, чтобы сэкономить кол-во символов.
pavlusha1, вы серьезно предлагаете угадать что за массив, что за поля, что за дивы и всю остальную шелуху? Простите, но телепатия у меня не очень развита.
Ольга Беляева, для коротко и красиво могу порекомендовать codewars. Там поначалу легкие задачки, потом все сложнее. Пишешь свой вариант, потом смотришь результаты других людей, сравниваешь и удивляешься :)
Но важно не перестараться, потому, что вот, например: https://jsfiddle.net/dnsL0nxt/
Коротко, в чем-то даже красиво, но нифига непонятно. А одна из главных характеристик - читабельность кода. Чтобы его легко можно было понять и подправить.
Кирилл, а нет, гоню. Конечно-же способ есть!
Зафигачить весь макет в PDF - он специально для таких штук и задуман.
А HTML немножко по другому работает.
Bootstrap.php пытается подключить автозагрузчик, и выдает ошибку, если не получилось.
О автозагрузке читайте PSR-4