columns-count: 3;
columns-gap: 20px;
для контейнера блоков. сами блоки - inline-block
Плюсы в том, что не нужно рассчитывать количество блоков, как при делении на три столбика и не нужен джаваскрипт, как в случае с масонри
Минус, как всегда, в поддержке браузерами (тут от ТЗ зависит).
В настройках ftp подключения указываем маппинг папки public_html на корень вашего удаленного сервера.
Указываем следующие настройки и радуемся. Теперь при любом изменении файлов в public_html они будут загружаться на удаленый ftp-сервер
config.php должен быть исключен из индекса (добавлен в гитигнор) и вообще не попадать в коммиты.
Вместо него в индекс следует включить файл config-EXAMPLE.php, в котором не будет ваших реальных настроек, а лишь примеры настройки.
@improt "my_bootstrap_variables.less"; // это копия файла с переменными из бутстрапа. лежит в вашей папке src.
@improt "../../bower_components/bootstrap<...>/bootstrap.less";
используйте при разработке подход называемый "mobile first"
сначала верстайте под мобильные. потом через медиа-запросы подключайте остальное.
например следующий код
@media (min-width: 960px) {
body {
background: url('big-image.jpg');
}
}
будет загружать картинку только при ширине просмотра более 960 пикселей.
UPD
Там ниже keydown советуют. В принципе сработает, но! keydown реагирует только на клавиатуру, input - на любое изменение в поле (клавиатурный ввод, копипаста мышкой, программное изменение).