В различных дизайнах и интерфейсах иногда уместно сделать модальное окно на всю высоту и прижатым к одной стороне. В статье — пример реализации этой идеи. По большому счету всё достаточно просто: К обычной разметке модального окна следует добавить новые классы left или right соответственно. Html: Также нужно добавить новые правила…

Порой бывает необходимым сохранить вкладку, на которой находится пользователь после перезагрузки страницы. Сделать это по большому счёту не сложно и в этой статье небольшой пример JS-кода, который решает проблему. Итак, ниже код решения проблемы с комментариями. Другими словами здесь два взаимодополняемых метода. Второй при переходе записывает значение, а первый —…

Сегодня появилась необходимость программного переключения вкладок на bootstrap tabs. Решение очевидное — но сразу пошел не верным путём — поэтому сейчас раскажу, как быстро и правильно переключить bootstrap вкладку. На самом деле — все сверх-просто, причем, конечно же, есть в Документации. Но, тем не менее — не будет лишним еще…

У bootstrap есть множество классов-хелперов, позволяющих легко давать контенту определенные свойства — например, .text-center — выровняет содержимое по центру. Сегодня задался вопросом — есть ли соответствующий класс для жирности текста. Ответом сейчас и поделюсь. Ответ достаточно просто. Подобного класса — нет. : ) Точнее он есть — и называется —…

В коробке bootstrap есть отличный компонент — popover. Но при работе с ним возникает неприятность — он не закрывается при клике на любом месте страницы. О том, как это исправить я расскажу в этой статье. Скажу честно — этот вариант не претендует на изысканность или красоту — но он рабочий,…

Немного, казалось бы, очевидный вопрос, — но, как оказалось, часто встречаемый в интернете. Посмотрим, как мы можем вставить иконку в кнопку на bootstrap. Для начала приведу линк на перечень доступных икoнок. Что касается самого кода — то он также очень прост: Здесь мы видим обычный button с bootstrap-классами btn btn-primary,…

Bootstrap-виджеты из коробки в любимом-родном Yii2 очень облегчают жизнь и решают множество проблем. Сегодня расскажу о виджете Tabs, который, как понятно из названия, позволяет вывести контент табами. Итак, все, как всегда, крайне просто. Добавляем секцию use: Далее, выводим сам виджет: В приведенном примере я вкратце описал возможности виджета. Как всегда,…

При работе с bootstrap switch интуитивно мы пытаемся ловить callback на сам checkbox, при этом не получаем желаемого результата. Разгадка кроется в использовании события onSwitchChange для bootstrap switch. Например: Как видите, анонимная функция принимает два параметра — второй из которых сигнализирует о состоянии переключателя, в зависимости от которого мы можем…