или как наиболее удобным образом спрятать элементы с помощью CSS
Безопасность, наличие или отсутствие скрытого контента на страницах — вполне обычная ситуация для любого сайта. Главной целью скрывания частей кода могут быть разные задачи. Как то выравнивание по вертикали, упразднение ботов или проверка на наличие технологий. В некотором смысле Вебвизор от Яндекса очень напоминает ту же видео камеру, подключенную к сайту. Но будьте внимательны чтобы не подключать «просмотры» на страницы корзины или другие страницы ввода личных данных посетилей. Для СНГ такие задачи будут выполнимы, а для Европы или США если Вас уличат в «подсматривании» за вводом личной информации с помощью Яндекс вебвизора, возможны претензии со стороны клиентов или посетителей.
Совершенно недавно реализовывал адаптивный лендинг с помощью последней версии Bootstrap 3. Конечно уже выходит альфа версии 4й. Какие трудности возникают при создании готового блока строк одинаковой высоты? Не было много времени на анализ всех классов фреймворка, и выровнять блоки по высоте
Решил задачу с помощью встроенных в бутстрап классов invisible. Такое решение помогло отображать картинку в левом блоке как фон или подложку, а справа выводить идентичное количество строк текста. В результате с каждой стороны к тексту применялись одни и те же медиа запросы и высота фоновой картинки была 100% равно правому блоку с видимым текстом.
Для наглядности использовано CSS свойство visibility: hidden;
Оно отличается от display: none;
тем что место занимаемом тегом будет закреплено за элементом в DOM. Если скрывать элементы полностью с помощью свойства display — они будут невидимы и ширина и высота тегов будет не учитываться.
Третий вариант ТОЛЬКО для современных браузеров с помощью свойства прозрачности
будет не самым оптимальным вариантом, но если нет необходимости в поддержке устаревших устройств, таким способом можно воспользоваться. Как видно метод так же не нарушает модели DOM.