Сергей delphinpro

Используйте делегирование событий.
в jQuery

$(document).on('click', '.my-class', function(){
  // some code
});

https://jsfiddle.net/fbtzf34g/2/

https://jsfiddle.net/e2zy13mq/

php.net/manual/ru/language.oop5.late-static-bindin...

{#
    n разумеется можно задавать и в логике (или в gulp-data, если это сборщик фронта),
    это просто переменная
#}
{% set n = 3 %}
{% for i in range(1, n) %}
    {{ i }},
{% endfor %}

https://jsfiddle.net/gmcvfwg2/

Укажите, что изображению нельзя сжиматься - flex-shrink: 0;
В контексте флексбоксов любой элемент ведет себя как флекс блок. Ширина такого блока рассчитывается исходя из содержимого и параметров flex-grow, flex-shrink, flex-basis.
Можно еще использовать для ограничений max-width, min-width, но я считаю, в данном контексте это костыль.

Многие пользователи очень "грамотно" оформляют свои комментарии

Это простой html
код

Теги работают и в ответах и в комментариях.

mobile first не зря придумали

Заверните ваши ховеры в медиазапросы

@media (min-width: 1000px) {
  ul li:hover ul { display: block}
}

Чтобы они не работали на мобайлах

retina экран?
физических пикселей в два раза больше, вот картинка и размывается.
Адаптируем графику под Retina экран

var classHeight = document.getElementsByClassName('img-responsive');
for (var i = 0; i < classHeight.length; i++) {
  classHeight[i].style.height = 400 + 'px';
}

или

document.querySelectorAll('.img-responsive').forEach(function(el){
  el.style.height = 200 + 'px';
});

var grid = $("#grid");
var table = $('<table>'), tr, td;
grid.append(table);

for (var height = 0; height < 16; height++) {
      tr = $('<tr>');
      for (var width = 0; width < 10; width++) {
            tr.append('<td></td>');
      }
      table.append(tr);
}

но вариант со строками будет быстрее работать за счет единственного изменения DOM.

Причепите css transition на бэкграунд. Кривыми Безье в тайминг-функции подберите оптимальный эффект вспышки.
Переключайте из скрипта присвоением/удалением класса.

Минифицированный файл для увеличения скорости загрузки страницы. Именно он должен использоваться на боевом сайте. Не минифицированный файл подключается на dev-сервере в процессе разработки. Это касается минифицированных файлов в целом. Файлы собираются системой сборки (gulp/grunt/webpack). После окончания разработки дается команда создать сжатый файл и он создается.

В случае бутстрапа используйте минифицированный, если вы не планируете вносить в него изменения и не минифицированный в противном случае.

Не нужно плодить классы (select2, b-price-item-2 и т.п.). Манипулируйте блоком как единым компонентом, и тогда вы сможете создавать их любое количество не трогая больше css- и js-код

https://jsfiddle.net/r731hnd0/1/

codepen.io/anon/pen/rLwXZo

Use DevTools, Luke!

Открываем консольку и смотрим, почему ваши стили оказываются ниже стилей фреймворка. Исправляем соответствующим образом.

Начните отсюда https://developers.google.com/maps/documentation/j...

Прямо на этой странице внизу есть пример стилизованной карты.

перед вызовом setcookie() пишем
var_dump($time);
и смотрим что в ней реально находится

так и провернуть

@media all and (min-width: 550px) and (max-width: 600px ) {
}