Category: Bootstrap

04
Июл
2020

Как получить сумму элементов в каждой вкладке bootstrap табов?

Собственно вот моя попытка, но считает только первую активную вкладку, при смене активной вкладки просто 0. Пробовал еще несколько способов, всегда разные результаты, но только не тот который мне нужен.

let smetaSum = 0;

document….

25
Июн
2020

Не отображается карта на сайте

Столкнулся с такой проблемой никак не получается вывести карту на сайт, когда создаю отдельный документ все работает отлично, а когда определяю карту в коде оно просто не выводиться. Прошу помочь разобраться что собственно делаю не так.
К…

24
Июн
2020

Передача данных в модальное окно от Bootstrap

Помогите с реализацией передачи данных в модальное окно.
Есть шаблонный контейнер, в который динамически поступают данные: картинка, имя, цена, описание, состав и айди продукта. Таких контейнеров отображается сотни на странице.
<div cla…

03
Июн
2020

Модельное окно работает только из первой строчки таблицы

Создал модельное окно, которое уточняло подтверждение действия.
Так как таблицу заполняю из БД через thymeleaf, то получается, что кнопка из таблицы активна только в первой строчке. условные 2ая, 3ая, etc… кнопки на нажатие не реагируют…

31
Май
2020

Кастомизация form.as_p в django

Всем привет, у меня возникла необходимость кастомизировать стандартную форму form.as_p. Мне необходимо сделать из этого (картинка 1):

Вот это (картинка 2)

Вот код самой формы (делал с помощью bootstrap):

<div class=”col-md-4″ style…

21
Май
2020

Bootstrap carousel. Появляется белая полоса перед окончанием прокрутки картинок в

Появляется белая полоса после окончания анимации прокрутки каждой картинки в каруселе. Она то есть, то ее нету. Получилось минимизировать проблему, но клиент все равно не доволен… Кажется проблема связана с wow.js, когда все анимации в к…

21
Май
2020

Воспроизведение видео, когда он находится в зоне видимости

Всем привет! Я наткнулась на одну проблему по поводу видимости элементов при прокрутке. У меня в коде внутри блока (у которого есть overflow: scroll) есть видео, и я хочу чтобы при прокрутке этого блока, когда мое видео появится в области …

17
Май
2020

Как изменить положение кнопки?

Ребят, пишу на React “сайтик”, использую bootsrap из webpack(npm). Проблема в том, что кнопка стоит почему-то ниже чем textarea, пример на фото:

Вот код: (поверх этого когда, в другой компоненте еще сверху стоит класс container)

<div…

17
Май
2020

Как изменить положение кнопки?

Ребят, пишу на React “сайтик”, использую bootsrap из webpack(npm). Проблема в том, что кнопка стоит почему-то ниже чем textarea, пример на фото:

Вот код: (поверх этого когда, в другой компоненте еще сверху стоит класс container)

<div…

10
Май
2020

Передача данных в модальное окно Symfony + Bootstrap

У меня есть есть листинг с кнопками редактирования. и удаления объекта. При клике на удаление появляется модальное окно с подтверждением. Проблема в том, что мне нужно передать правильный ID объекта, который нужно удалить, но скрипт даже н…

10
Май
2020

Передача данных в модальное окно Symfony + Bootstrap

У меня есть есть листинг с кнопками редактирования. и удаления объекта. При клике на удаление появляется модальное окно с подтверждением. Проблема в том, что мне нужно передать правильный ID объекта, который нужно удалить, но скрипт даже н…

07
Май
2020

Анимация видео при прокрутке страницы

Всем привет! Столкнулась с такой проблемой, как анимация видео. У меня есть видео по середине сайта (которое не видно при загрузке страницы), и я хотела бы, чтобы при скролле страницы, когда фокус попадает на видео, оно начинает играть. Пр…

06
Май
2020

индикатор загрузки для блока

Есть сайт написанный на бутстрапе, нужно сделать прелоадер для блока, данные для которого берутся из открытой базы в формате json. При нажатии на кнопку данные подгружаются в блок. Собственно, вопрос. Как сделать при нажатии на кнопку прео…

06
Май
2020

индикатор загрузки для блока

Есть сайт написанный на бутстрапе, нужно сделать прелоадер для блока, данные для которого берутся из открытой базы в формате json. При нажатии на кнопку данные подгружаются в блок. Собственно, вопрос. Как сделать при нажатии на кнопку прео…

30
Апр
2020

Bootstrap и Django

Ребят, подскажите пожалуйста как быть, вот html

{% block content%}
{% for rubric in rubrics %}
{% ifchanged rubric.super_rubric.pk %}
<span class=”nav-link root font-weight-bold”>{{ ru…

28
Апр
2020

Валидация полей ajax js

господа. Столкнулся с проблемой при отправке формы с сайта на почту. Есть скрипт, который успешно работает и отправляет данные без перезагрузки страницы. Решил сделать валидацию полей, так как при подключении данного скрипта дефолтная вали…

25
Апр
2020

Как оставить вкладку активной после перезагрузки страницы?

Делаю сайт на Bootstrap, после перезагрузки страницы активная вкладка возвращается на первую, которая активна по умолчанию.
Как сделать так, чтобы после перезагрузки сохранялась моя предыдущая активная вкладка?

html:

<body>
</b…

23
Апр
2020

Нужен похожий HTML шаблон

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

Кто может подсказать или дать ссылку на похожий шаблон.

23
Апр
2020

Грамотно вывести данные из mysql в аккордеон

Подскажите, как грамотно выводить данные из mysql в аккордеон без использования запроса в цикле?
На данный момент имею 2 аккордеона.
Один выводит дилеров для России.
Другой выводит дилеров для заграницы.
Вот код первого аккордеона …