Этот проект включает создание веб-страницы на основе предоставленного шаблона Bootstrap и инструкций. В результате получится простое веб-приложение на Flask, которое будет отображать контент, основанный на Bootstrap.
-
Настройка кнопки: Измените кнопку «Купить» на карточке товара, чтобы она была полностью залита зеленым цветом, используя документацию по кнопкам Bootstrap.
-
Добавление формы: Рядом с карточкой товара добавьте форму с полями «Имя» и «Email», а также кнопку «Отправить», используя документацию по формам Bootstrap.
-
Раздел FAQ: Под карточкой товара и формой добавьте раздел FAQ, занимающий всю ширину страницы, с тремя кнопками:
- Как купить?
- Как доставить?
- Какая гарантия?
Каждая кнопка должна открывать сворачивающийся блок с текстом-заполнителем, используя компонент collapse Bootstrap.
-
Добавление таблицы (Дополнительно): Под разделом FAQ добавьте таблицу на всю ширину с колонками: номер, название товара, цена, количество, итоговая сумма и статус заказа. Используйте документацию по таблицам и alert-ам Bootstrap для стилизации:
- Новый — Синий
- Обработка — Желтый
- Обработан — Зеленый
- Отмена — Красный
- Python 3.7 или выше
- Poetry (для управления зависимостями)
- Клонируйте репозиторий
git clone git@github.com:RomanPecheritsa/BootstrapProto.git
cd BootstrapProto-
Установите зависимости
Убедитесь, что Poetry установлен. Если нет, установите его, следуя инструкциям на сайте Poetry
Установите зависимости проекта:
poetry install-
Запустите приложение
Активируйте виртуальное окружение, созданное Poetry, и запустите приложение Flask:
poetry shell
poetry run python app.pyПриложение будет доступно по адресу http://127.0.0.1:8000/
- Убедитесь, что файл index.html находится в директории templates вашего приложения Flask.
- Проверьте, что все внешние CSS и JavaScript файлы, необходимые для Bootstrap, правильно подключены в вашем index.html.