Category: Bootstrap

24
Сен
2020

Как изменить позицию navbar для мобильных устройств?

Имеется навигационная панель на Bootstrap, по умолчанию она закреплена сверху с помощью класса fixed-top, необходимо сделать таким образом, чтобы на мобильных устройствах данный класс заменялся на fixed-bottom, т.е. чтобы панель была закре…

03
Сен
2020

Не могу понять как реализовать элемент страницы(сетка)

Прошу помочь советом как правильно реализовать этот элемент верстки? Может есть какие-то удобные JS плагины или типо того? Попробовал Masonry, как-то не особо помогло, ну или может я не понял как правильно сделать. В любом случае прошу пом…

28
Авг
2020

как сделать вывод html в php

Здраствуйте, хотелось бы узнать. Возможно ли в php вывести html код в не стандартном формате. я пишу движок статей для сайта, и сделал небольшой код.
// print_r($_POST);
$name = $_POST[‘name’];
$message = $_POST[‘message’];
$num =…

05
Авг
2020

JS скрывать блок если имеются ряд определенный классов

Снова вопрос по js
Верстка на Bootstrap 4
При открытие модального окна, класс окна имеет значение .modal.fade.show
show – класс, которые появляется или исчезает в зависимости активности
Если у меня в любом месте страницы есть есть три клас…

26
Июл
2020

Показ имен файлов в customFileInput bootstrap js

В бутстрапе есть возможность поменять кнопку загрузки файлов и стиль строки ввода классом CustomFileInput
Но он не показывает в строке ввода названия выбранных файлов. Нашёл вот такой код, который выводит в строку ввода те файлы, которые б…

20
Июл
2020

Bootstrap4 – вывод сетки блоков обходя определенный блок в центре

нужна помощь.
Как сверстать систему сеток, так что бы добавленные блоки обходили определенный блок находящийся именно по центру
на пример
|_ col | col | col | Staick block | col | col | col _|
Вот Staick block всегда находится по центру, д…

15
Июл
2020

разрыв формы woocommerce_template_single_add_to_cart()

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

13
Июл
2020

Помогите создать проверку для полей формы

Помогите создать проверку (required* – если не заполнено не переходит на следующую вкладку)для определенных полей формы (мейл, фото, телефон)
А так же настроить кнопку Отправки чтобы данные отправлялись на почту
$(document).ready(function(…

08
Июл
2020

Bootstrap modal не корректно работает с Ajax async: false

Есть модальное окно и есть ajax запрос. У запроса установлен async: false – необходимо дождаться ответа, чтобы продолжить работу.
Нужно: Перед запросом вызывается модальное окно modal(‘show’) с информацией о обработке запроса и после ajaxa…

08
Июл
2020

Bootstrap modal не корректно работает с Ajax async: false

Есть модальное окно и есть ajax запрос. У запроса установлен async: false – необходимо дождаться ответа, чтобы продолжить работу.
Нужно: Перед запросом вызывается модальное окно modal(‘show’) с информацией о обработке запроса и после ajaxa…

04
Июл
2020

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

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

let smetaSum = 0;

document….

25
Июн
2020

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

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

24
Июн
2020

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

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

03
Июн
2020

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

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

02
Июн
2020

Слипаются блоки не хватает места bootsarap 4

Здравствуйте учусь верстать на bootstrap 4. Нужно сверстать блок на картинке
Но блоки почему то слипаются когда ширина экрана 990px. Как сделать правильно

“use strict”

const dots = document.querySelectorAll(‘.d…

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) есть видео, и я хочу чтобы при прокрутке этого блока, когда мое видео появится в области …