Урок 6. Bootstrap 4. Быстрый старт. Кнопка Load More (показать еще)

preview_player
Показать описание

В макете, верстка которого показана в данных уроках, имеется кнопка Load More, смысл которой – получение записей при клике по кнопке. Делается это при помощи AJAX’a.

Из этого видео вы узнаете, как можно решить эту задачу. Также в видео показано использование нового для Bootstrap компонента – это компонент Spinners. Используя его, можно добавить для кнопки эффект анимации, который даст понять пользователю, что происходит загрузка данных.
  1. WebForMySelf
  2. bootstrap
  3. bootstrap 4
  4. bootstrap шаблоны
  5. bootstrap уроки
  6. bootstrap верстка
Рекомендации по теме
Урок 6. Bootstrap 0:16:33

Урок 6. Bootstrap 4. Быстрый старт. Кнопка Load More (показать еще)

Урок 6 Bootstrap 0:02:25

Урок 6 Bootstrap 4 . Адаптивные таблицы / Table-responsive

Урок 7. Bootstrap 0:15:00

Урок 7. Bootstrap 4. Быстрый старт. Секция с формой

Bootstrap 4 верстка 0:11:55

Bootstrap 4 верстка сайта / #6 - Футер и завершение работы

Bootstrap 4. Урок 0:04:59

Bootstrap 4. Урок 6. Кнопки

#6 Кнопки и 0:09:33

#6 Кнопки и группы кнопок на Bootstrap 4, Уроки по Bootstrap 4

Урок 4. Bootstrap 0:06:29

Урок 4. Bootstrap 4. Быстрый старт. Одиночный пост

Урок 5. Bootstrap 0:10:42

Урок 5. Bootstrap 4. Быстрый старт. Сетка постов

#6 Уроки по 0:10:53

#6 Уроки по Bootstrap 5 - Адаптивные изображения на Bootstrap 5

Урок 3. Bootstrap 0:10:29

Урок 3. Bootstrap 4. Быстрый старт. Компонент Carousel

Уроки Bootstrap верстки 0:15:03

Уроки Bootstrap верстки / #6 - Кнопки и группы кнопок

Урок 1. Bootstrap 0:15:53

Урок 1. Bootstrap 4. Быстрый старт. Стартовый шаблон Bootstrap

[Spring марафон] Урок 0:37:28

[Spring марафон] Урок 6. Основы Bootstrap4

#7 Карточки с 0:09:00

#7 Карточки с содержимым на Bootstrap 4, Уроки по Bootstrap 4

Урок 4 Bootstrap 0:04:01

Урок 4 Bootstrap 4 . Цвета / colors.

Урок 3 Bootstrap 0:06:15

Урок 3 Bootstrap 4 . Типография / typography.

Уроки Bootstrap 4 0:10:06

Уроки Bootstrap 4 - Компоненты адаптивные карты.

Bootstrap - это 0:10:35

Bootstrap - это просто. Урок 6 Создание форм

BOOTSTRAP верстка сайта 0:08:07

BOOTSTRAP верстка сайта на практике. Урок #6. Классы для создания верхнего меню сайта. Navbar...

Уроки Bootstrap 4 0:07:46

Уроки Bootstrap 4 / Как расположить контент в контейнере Бутстрап фреймворка 3-5...

Уроки Bootstrap 4 0:07:53

Уроки Bootstrap 4 / Как располагать контент по ячейкам Бутстрап фреймворка 5/5...

Уроки Bootstrap 4 0:11:48

Уроки Bootstrap 4 - Система сетки бутстрап

Урок 8. Bootstrap 0:09:40

Урок 8. Bootstrap 4. Быстрый старт. Футер сайта

Flexbox CSS практический 0:06:29

Flexbox CSS практический курс за 6 минут. Все свойства

Комментарии
Автор

Добрый день Андрей. Спасибо за видео.
Подскажите, пожалуйста как убрать перезагрузку (мгновенный блик) браузера после нажатия на кнопку MORE?
При e.preventDefault() выводит ошибку.

vitavits
Автор

Почему вместо loader addClass(d-inline-block) нельзя просто loader display (inline-block)?

kmbwxob
Автор

Подскажите пожалуйста, с чем может быть связана ошибка ? Выводится еррор сообщением браузера

mqbihpv
Автор

У меня подгружаемые файлы с классом text-center отображаются и присутствуют лишние отступы. Почему так?

user
Автор

хм..., а без jQuery никак? или это обязательная зависимость boostrap'a?

kzlwylw
Автор

не понимаю. вставил с бутстрапа кнопку. дописал в ней свой класс load-more

и дальше по селектору .load-more не происходит ни-че-го.
интереса ради менял цвет текса на красный- не реагирует.
бордер-радиусы тоже

соответственно и js не срабатывает :/

pavelmelnik