Владимир Сергеевич

Юзай какую-нибудь IDE... Из бесплатных Netbeans, потом оценишь. Главное, если взялся изучить инструмент, изучи, а то забросишь раз и навсегда. Там есть такая вещь как рефакторинг, удобная работа с заменами. Плюс если верстка большая, такие вещи как шапка, хедер, футер, сайдбар и все однообразные элементы можно инклюдить в виде php, очень помогает,если нужна реально большая верстка.

У Дмитрия хороший ответ, поддерживаю

Алексей, вот Вам ссылочка на гитхаб: https://github.com/hakimel/meny
Там и пример есть и весь код. Сам не юзал, но ничего тяжелого быть не должно, тем более с трансформацией подружитесь.

Код бы выложил, но на первый взгляд этот элемент как бы и не должен быть вверху.
Ты его хочешь расположить под col-lg-12 справа от первого col-lg-8?
Тогда вставь его после первого 8ого.

У меня это сочетание alt+ctrl+a(может нужен Emmet, уже не помню). ну или заменой: ctrl+h

Bootstrap 4 тогда. А за, то что это Beta не волнуйтесь, если ручки есть, то всегда можно что-то подправить, это не JS или PHP фреймворк, а только CSS. LESS версия в помощь, вообще как по мне лучший вариант.

Если верстальщик не может сделать, то беда.
Обращайтесь: vladimir@luna.kg по почте подробно помогу.

В MODx прописан base href.
htmlbook.ru/html/base
Не помню как решал эту проблему, но решал... обращайтесь если нужна дополнительная информация

Можете добавить конкретики? Там будет только текст? И как должен вести себя контент внутри модального если он не помещается? Модальное должно расширяться?

WordPress
Посмотри темы, многие идут с конструктором... Be Theme допустим...
Самый основной плюс, это количество информации и большое сообщество.. Нет задачи по которой сложно найти ответ.

Мой совет. Забудь Jooml`у. Честно, забрось это дело и посмотри в сторону MODx или WordPress.

jsfiddle.net/VladimirZhid/5u2gtkev