4 Bootstrap шаблона галерей для вашего сайта

 

В этом посте мы хотели бы поделиться с вами 4-мя потрясающими шаблонами галерей изображений для Bootstrap 3. Как и все наши бесплатные, эти шаблоны абсолютно бесплатны для использования (без атрибуции), полностью отвечают требованиям и очень просты в реализации - просто копируют и вставить!
Шаблоны
В четырех шаблонах для компоновки используется сетка Bootstrap 3. HTML полностью соответствует структуре и соответствует рекомендуемым практикам. Для стилизации мы использовали хороший CSS, но обязательно сохранили его в себе, чтобы он не испортил остальные ваши стили.
Каждый шаблон имеет уникальные CSS-эффекты наведения, а также функцию Lightbox благодаря плагину baguetteBox.js. Есть много других библиотек Lightbox, но мы выбрали этот класс из-за крутого имени (хотя он не имел зависимостей и был очень прост в использовании, также учитывался).

В этом посте мы хотели бы поделиться с вами 4-мя потрясающими шаблонами галерей изображений на основе Bootstrap 3. Эти шаблоны абсолютно бесплатны для использования, полностью отвечают требованиям и очень просты в реализации - просто копируйте и вставляйте!

 

Шаблоны

 

В четырех шаблонах для компоновки используется сетка Bootstrap 3. HTML полностью соответствует структуре и соответствует рекомендуемым практикам. Для стилизации мы использовали хороший CSS, но обязательно сохранили его отдельно, чтобы он не испортил остальные ваши стили.

 

Каждый шаблон имеет уникальные CSS-эффекты наведения, а также функцию Lightbox благодаря плагину baguetteBox.js.

 

baguettebox

 

Как использовать

 

Чтобы использовать любой из шаблонов из демонстрационного примера, выполните следующие простые действия:

 

  • Загрузите и распакуйте архив.
  • Для каждого шаблона есть отдельные папки + папка с изображениями. Определитесь, какой шаблон вы хотите, и возьмите его HTML из .tz-gallery в файле index.html.
  • Вставьте HTML-код в свой проект. Убедитесь, что на этой странице есть Bootstrap 3.
  • Стили размещаются в отдельных файлах CSS для каждого дизайна. Свяжите его с файлом CSS или скопируйте его содержимое и добавьте в свои стили.
  • Для эффекта Лайтбокса добавьте багетбокс CSS и JS и инициализируйте его в теге скрипта - baguetteBox.run ('. Tz-gallery') ;.

 

fluid gallery

Авторизоваться и Скачать

5 последних добавленных файлов в рубрике"Дизайн"

^ Наверх ^