Тег «bootstrap 4»

Создание адаптивной сетки CSS

itDesign 13 апреля 2021

Для адаптивности я обычно использую Bootstrap. На мой взгляд он удобен и имеет множество предустановленных плюшек. Но бывают случаи, когда нужно в чужую верстку добавить адаптивную сетку. Для этого у меня вот такое примитивное, но рабочее решение 

Форма отправки сообщений с select-ами

itDesign 21 октября 2019

Форма отправки сообщений с select-ами. Готовое решение, вывод в модалке, стили от Bootstrap 4

Простейшая форма обратного звонка, Bootstrap 4

itDesign 20 октября 2019

Простейшая форма обратного звонка, подойдет любому сайту. Стиль от Bootstrap 4, но можно переделать как угодно.

Botstrap 4, плавная кнопка "наверх"

itDesign 23 сентября 2019

Готовое решение кнопки "наверх" для Bootstrap 4

Webasyst, добавление слайдера Bootstrap 4

itDesign 30 июля 2019

Если сайт на Webasyst использует Bootstrap 4, то вот готовое решение стандартного слайдера. Изображения подгружаются из указанного альбома в приложении Фото

Bootstrap 4, плавная прокрутка к якорю

itDesign 26 июля 2019

У сайтов на Bootstrap 4 плавная прокрутка к якорю делается очень просто

Bootstrap 4, вкладки / tab (болванка)

itDesign 23 июля 2019

Болванка табов, Bootstrap 4

Bootstrap 4, адаптивный слайдер, болванка

itDesign 22 июля 2019

Собственно просто код стандартного слайдера Bootstrap 4, болванка

Bootstrap 4, скрыть/отобразить элемент

itDesign 21 июля 2019

Классы hidden-*  и  visible-* , которые использовались в Bootstrap 3, в Bootstrap 4 удалены. Для скрытия, или отображения элементов используются классы d- * .