Bootstrap Viewports extension

Идея для Google Chrome экстеншена.

Для наглядности можно открыть http://bootstrap.zina.com.ua (или любой сайт на Bootstrap) и потестировать его с экстеншенами для Google Chrome:

Bootstrap Viewport — показывает в верхнем правом углу Viewport и режим Bootstrap (lg, md, sm или sx).
Альтернатива: Viewport Detector
Bootstrap 3 Resize Tool — переключает размер окна браузера по основным режимам Bootstrap.
Альтернатива: Bootstrap resize tool
Bootstrap Overlay — накладывает на сайт сетку Bootstrap
Альтернатива (оригинальная версия): Bootstrap Overlay

Сейчас есть такие неудобства:

Bootstrap Viewport и Bootstrap 3 Resize Tool (как и их альтернативы) не поддерживают Bootstrap 4.
Bootstrap Overlay — пропадает сетка при обновлении страницы. Когда работаешь в режиме LiveReload, она пропадает после первого же сохранения изменений в коде.

Идея в том, чтобы на основе этих плагинов сделать один с возможностями:

Вкл/выкл режима отображения сетки (на основе Bootstrap Overlay).
Вкл/выкл индикатора размера viewport и префикса справа вверху (на основе Bootstrap Viewport).
Автоматическое определение версии Bootstrap на сайте и показ либо 4 кнопок для Bootstrap 3, либо 4 для Bootstrap 4 (на основе Bootstrap 3 Resize Tool или Bootstrap resize tool).

За основу интерфейса взять Bootstrap 3 Resize Tool, но добавить к нему 2 чекбокса: Greed для п. 1 и Info для п. 2.

Навігаційне меню