Павел

Полагаю скорее так:
https://jsfiddle.net/e36z7L0r/

getbootstrap.com/customize/#grid-system

С текущей Вашей версткой никак, у Вас же картинки идут не тегом img, а фоном (background), а img скрыты. Скрипт писать или верстку менять

Например так:
<meta name="viewport" content="width=1024">
Или просто его убрать

Google Docs Таблицы как вариант с пуш уведомлениями на раб. стол

Может потому что jquery сначала надо подключить в head!? А потом его использовать!?

Все легко ищется по запросу Jquery Spoiler Например

.bg-line {
  float: left;
  width: 80%;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 9px;
  left:10%;
  text-align:center;
}

Так?

Или:

.bg-line {
}
.bg-line:after{content: "";position: absolute;height:2px;background: #000000;top: 9px;width:80%;left:10%;}

ПО идее бы просто версию jq обновить

Посмотреть в исходном коде?
Задать свои цвета?

.navbar-nav .nav-link:hover

Повесить обработчик на js или jquery при нажатии по кнопке (закрытия) или классу,id чтобы удалил class или div с фоном

Befunky

Это конструктор а не CMS. И конструкторов полно... Ucoz и тому подобные

Она уже адаптивная судя по верстке.
Единственное я бы поменял col-xs-2 на col-xs-12 и col-sm-2 на col-sm-6, но опять же все зависит от потребностей, разберитесь с сеткой бутстрапа.

Например добавить размеры для блока:
<div class="navbar-header col-md-4">