Cyber_bober

Посмотрите документацию по бутстрэпу, там ясно обозначено что xs md sm lg это классы для разной ширины дисплея. Соответственно
class="col-xs-12 col-md-8"

Буду формировать ширину блок в соответствии с текущей шириной экрана.

А такая конструкция сделает один блок шириной в 12 колонок, а второй блок под ним шириной в 6 колонок.

<div class="col-xs-12">
  <div class="col-xs-6">

Спасибо всем кто откликнулся, объясню в чем может быть проблема с таким поведением. Карта находилась в блоке с display:none; соответственно браузер не отрисовывал карту. После открытия консоли, изменялся viewport и вызывалась по новой функция инициализации для перерисовки карты и она отображалась.

Немного не догоняю от чего вы ищете родительский элемент, но пусть дочерний, от которого начинается поиск будет называться el

let parent = el.parentNode;
let elAlert = parent.querySelectorAll("[data-alert=dataAlert]");
elAlert.classList.remove('className');

Параметр тени с rgba(102,175,233,.6) и есть синее свечение при фокусе

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

Нашёл ответ, базу дропнули

document.getElementById(enimal)

Мне ответили в тех поддержке ВК - да, действительно невозможно

<a href="/logout">Logout</a>