Вопросы с меткой [bootstrap]
Twitter Bootstrap — бесплатный фреймворк для создания сайтов и веб-приложений, включающий в себя HTML и CSS шаблоны оформления, а также JavaScript расширения.
2,400
вопросов
0
голосов
1ответ
13 показов
Bootstrap разная ширина на телефоне и компьютере
Как сделать, чтобы на ПК div был 50% в ширину, а на телефоне - 100?
0
голосов
1ответ
20 показов
Не работает выпадающее меню, при уменьшении разрешения экрана
Только начал разбираться с bootstrap и наткнулся на проблему с не работающим выпадающим списком при уменьшении разрешения экрана. Я так подозреваю ошибка у меня скрывается в не правильном подключении ...
0
голосов
0ответов
20 показов
Библиотека bootstrap пропала из проекта intellj idea, где она уже была подгружена
Возможно, вопрос покажется глупым, но ответа в паутине я не нашел и сломал голову.
Писал небольшой проект по курсу Spring Boot на ютубе, внезапно (какое-то время все работало) пропал auto-complete ...
0
голосов
0ответов
74 показа
div больше, чем должен быть [bootstrap]
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="...
0
голосов
0ответов
6 показов
Bootstrap and student
У меня есть некоторые проблемы с пониманием того, почему я не могу просто использовать простой тест Стьюдента на средних, полученных по выборка-resample, чтобы найти доверительные интервалы для ...
0
голосов
0ответов
15 показов
Как сделать, чтобы при уменьшении экрана до мобильной версии блоки становились друг под друга по 2 штуки в ряд?
font.divclass{
position: relative;
top: 30px;
}
p.divclass{
position:relative;
top: 30px;
}
.img-card{
cursor: pointer;
}
.img-card img{
object-fit:...
0
голосов
0ответов
16 показов
Не работает bootstrap (js) в react-приложении
Есть react-приложение к нему подключен bootstrap (и css, и js), css работает отлично, а js (dropdown) - нет, т.е. при клике по dropdown, ничего не происходит.
index.js
import React from "react&...
0
голосов
0ответов
14 показов
Вставить ejs код внутрь модального окна
Всем привет, я хотел бы узнать, каким образом передать модальному окну значение cmd, которое выше HTML кода. Код модального окна (тест):
<div class="modal fade" id="commandModal&...
0
голосов
0ответов
7 показов
как задать отступыколонкам bootstrap
Есть row поделенный на 5 и 7 у них есть Background color который слился воедино, padding не помогает, margin сносит строку, никак не могу найти решение, на офф сайте, помогите плиз!
html,
body {
...
0
голосов
1ответ
23 показа
Сделать из двух колонок, две колонки и одну внизу сплошную при адаптиве
Вот пример как сейчас: enter image description here
Вот как нужно: enter image description here
Есть такие блоки на bootstrap 4 , нужно сделать чтобы коричневый блок стал на уровень с синим, а желтый ...
0
голосов
1ответ
26 показов
Проблемы с фоном CSS, HTML, Bootstrap
Здраствуйте, столкнулся с проблемой, на первой странице все окей, а на второй появились полоски
Вот код:
<?php
require("Labs/Web/config.php");
?>
<!doctype html>
<html ...
1
голос
1ответ
21 показ
как отодвинуть картинку awesome от текста. html css
картинка пристыкована к тексту, на между ними сделать пробел?
html,
body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
ul {
list-style-type: none;
padding: 0;
}
/* ...
0
голосов
0ответов
20 показов
Bootstrap 4.6 Слайдер
Как сделать чтоб в слайдере работали картинки разного размера? Чтобы при этом слайдер не изменял свои размеры под размеры картинки, под высоту картинки. Чтоб я не редактировал каждую картинку в ...
0
голосов
1ответ
10 показов
По умолчанию панель навигации всегда открыта. Bootstrap-5
На основании этого вопроса(ответ @Zim'а), для bootstrap-5, я взял скрипт для закрытия навигационной панели по клику. Но почему то всегда по умолчанию панель раскрыта, как это можно исправить?
Спасибо!
...
0
голосов
0ответов
28 показов
Как и на чем написать свою сетку?
В общем верстают люди сайты на бустрапе удобно вроде в общем спасибо, но вот что делать если сетка макета не соответствует бутстрапу? Я знаю, что в таких случаях либо кастомизируют бутстрап, либо ...
0
голосов
0ответов
8 показов
Работа с Cookies в Bootstrap Modal. Как заставить скрыть модальное окно?
Создал скрипт модального окна, которое автоматически появляется на странице сайта спустя 3 секунды. Добавил туда checkbox, который если отметить, то модальное окно при следующей перезагрузке страницы ...
0
голосов
0ответов
24 показа
Расширение блоков / Bootstrap
На сайте при экране lg показывается 4 блока в контейнере, при md 4 блока, sm 3 блока и xs 1 блок. Надо по нажатию сделать так чтобы этот блок расширился на 2 блока(как на фото).
Главная проблема ...
1
голос
1ответ
36 показов
как следует сверстать блок?
Как бы лучше сверстать блок. Через css-Grid или с помощью сеток bootstrap?
Хотя слышал, что есть другой способ
0
голосов
1ответ
17 показов
Вопрос по Bootstrap или по CSS
Вопрос заключается в том что сетку то есть Grid не действует padding контейнера, как это исправить,
Например на заголовку действует а сетку не действует, помогите пожалуйста
Внизу код
<!DOCTYPE ...
0
голосов
0ответов
9 показов
Статика не отображается на сайте Django
Сделал, вроде-бы, все как в курсе, но выдает ошибки
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES = [
os.path.join(BASE_DIR, 'blog/static'),
]
<link rel="...
0
голосов
0ответов
35 показов
Как сделать прозрачным навбар (бутстрап)?
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" ...
0
голосов
1ответ
36 показов
Выравнивание блоков в bootstrap
Использую Bootstrap для верстки сайта.
Когда задаю различную ширину блоков с контентом,
то они начинают скакать и появляются большие отступы.
Я знаю, что это тривиальный вопрос, но как мне сделать так,...
0
голосов
3ответа
35 показов
Bootstrap DateTimePicker на WP
//init DateTimePickers
if( $('.wpes-datepicker').length > 0 ) {
$('.wpes-datepicker').each( function() {
locale: 'ru'
var dateFormat = 'DD-...
0
голосов
0ответов
15 показов
Выравнивание карточек по вертикали bootstrap 4
немогу разобраться с ситуацией: как реализовать одинаковые по высоте карточки, а именно зависимость высоты карточки от объема контента внутри любой карточки. Возможно описал не достаточно понятно - ...
1
голос
2ответа
25 показов
bootstrap: как “эмулировать” нажатие на bootstrap - кнопку из javascript?
Господа,
я в очередной раз задаю не очень умный вопрос. Но я поискал, и не нашел какого то понятного решения.
У меня есть пример создания модального окна. Это не первый пример, который я нашел, но ...
1
голос
1ответ
28 показов
Как легче создавать навигационные панели?
Как будет правильнее всего: создать навигационные панели вручную, или с помощью bootstrap?
В навигационных панели имеется логотип слева, а вправа меню/ссылки и кнопка выход вместе с иконкой
0
голосов
1ответ
13 показов
Не получается сделать выпадающий элемент sidebar
Я сделал боковую панель, но не получается добиться выпадания элементов после нажатия на одну из кнопок "Основы", "Разминка" или "Тренировка". Заранее спасибо за помощь.
...
0
голосов
0ответов
20 показов
проблема с bootstrap/js
угараздило меня связаться с этим непристойным занятием, и вот по какой то причине не работают стили\кнопки у дефолтных компонентов бутстрапа
{% load static %}
<!DOCTYPE html>
<html lang="...
1
голос
1ответ
25 показов
Как можно реализовать такую структуру?
Как можно реализовать такую структуру? Желательно с Bootstrap
0
голосов
1ответ
17 показов
react: повторный вызов диалога через изменение состояния
У меня есть выпадающий список и диалог, который отображается при выборе определённого элемента выпадающего списка
Реализовано это следующим образом (выкинул все, чтобы не мешало смотреть):
// функция ...
0
голосов
2ответа
31 показ
Как перевернуть выбранную карточку
У меня на сайте есть список карточек , я хочу реализовать чтобы при клике на выбранную карточку она переворачивалась.
<div class="card" style="width: 18rem; height: 20rem;" ...
1
голос
1ответ
25 показов
Как можно сделать из navbar sidebar для мобильного?
Каким образом можно сделать из горизонтального navbar sidebar, находящийся слева для мобильных устройств?
Это код для веб версии.
HTML
<div class="container-header">
<img class=&...
0
голосов
0ответов
10 показов
Складывать объекты в стек как селектор нескольких элементов
У меня есть список слов, которые я хочу сложить в столбцы, чтобы сохранить и использовать левое место в html файле для проекта Django:
Я не очень хорошо разбираюсь в веб-разработке, не стесняйтесь ...
0
голосов
0ответов
19 показов
Меню на сайте открывается само по себе
На сайте gojirra.store на телефонах IPhone XR, X и тп айфонах с "чёлкой", при скролле, само собой открывается меню.
javascript html css jquery bootstrap
Прикрепляю адрес сайта: gojirra.store ...
0
голосов
1ответ
35 показов
На IPhone с “чёлкой” (X, XR, 12 и т.п.) меню на сайте открывается само при прокрутке!
Прикрепляю адрес сайта:
gojirra.store
Проблема скорее всего в css, но понять в чем конкретно я не могу.
Баг проявляется только на iPhone с чёлкой, вне зависимости от браузера.
Код вызова меню:
$(...
0
голосов
1ответ
13 показов
Не выводит изображение в bootstrap select React
Всем доброго вечера. Хотел сделать смену языка с помощью bootstrap select, но когда я вставляю в него иконку отображается вот это:
Вот код:
import ruIcon from 'path';
function App(props) {
return (...
0
голосов
1ответ
19 показов
Как сделать кнопки разной высоты в тулбаре bootstrap4
При переходе с bootstrap 3 на bootstrap 4 возникла, некоторая проблема, а именно, в 3ей версии, несколько кнопок разного размера обёрнуты в тулбар. В 4й версии, все кнопки в тулбаре автоматически ...
0
голосов
1ответ
22 показа
Не отображаются элементы css и js на сайте (Bootstrap, python, django)
пишу проект на Python и Django. В html и css знаний особенных не имею, поэтому при выборе шаблона воспользовался Bootstrap, а конкретно его функцией Builder (сконструировал шаблон с теми кнопками, ...
0
голосов
1ответ
16 показов
Не работает модальное окно boostrap
Помогите пожалуйста! пытаюсь сам учиться! беру код с официального сайта и он не работает подскажите может что то не подключено
<!doctype html>
<html lang="en">
<head>
...
0
голосов
1ответ
34 показа
Как сделать валидацию на javascript?
Есть стандартный скрипт валидации bootstrap
'use strict'
var forms = document.querySelectorAll('.needs-validation')
Array.prototype.slice.call(forms)
.forEach(function (form) {
form....
2
голоса
2ответа
33 показа
Плавная анимация для подложки бокового меню
Всех приветствую.
Реализовываю боковое меню вот из этого примера: https://blog-kopilka.ru/demo_html/bootstrap4-sidebar/index.php
Не получается решить вопрос со скоростью появления/исчезновения ...
0
голосов
1ответ
15 показов
Мигает скроллбар
кастомизирую админпанет adminlte и при создании формы для django, и вводе в неё текст постоянно мигает скроллбар, подскажите что делать ?
На рисунке видно что вправа есть скроллбар, но если ввести ещё ...
0
голосов
0ответов
17 показов
Выровнять таблицу bootsrap 4.5 по центру
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></...
0
голосов
1ответ
24 показа
Выровнять таблицу
у меня есть таблица, внутри строки еще одна таблица со своими строками, как можно выровнять их по уровню главной таблицы?
<table class="table table-bordered">
<thead>
...
0
голосов
0ответов
16 показов
angular10: Как переключить статус кнопки?
Мне нужно чтоб кнопка была не активной пока не прокрутишь до конца страницы. Помогите пожалуйста, как можно это сделать?
0
голосов
0ответов
9 показов
Не срабатывают flex в классах Bootstrap (React)
<Container>
<h2 className="text-center m-4">Our Team</h2>
<CardDeck>
<Card className="d-flex flex-column ...
0
голосов
0ответов
19 показов
Вид новости не такой, как в курсе, хотя код, вроде бы, такой же
<div class="card-body">
<div class="media">
{% if i.photo %}
<img src="{{ i.photo.url }}" alt="" width="300" class="mr-3"> {% endif %}
<div class="media-body">
...
0
голосов
1ответ
14 показов
Bootstrap, col не работает
при размере экрана больше 600, две col-ы должны стать рядом а не столбом, пробовал так col-md-6 но не вышло.
*{
margin:0;
padding:0;
box-sizing:border-box;
}
.navbar-toggler{
...
0
голосов
1ответ
12 показов
Как передать значение в модальное окно
Столкнулся с такой проблемой, необходимо в модальное окно передать значение из кнопки.
Я видел другие ответы на такой вопрос, но я не использую angular, только jquery, и ради одной страницы не ...
0
голосов
1ответ
28 показов
Как сделать такое расположение блоков на Bootstrap?
Нужно, чтобы блоки на странице располагались вот так для десктопа, планшета и телефона соответственно. Для десктопа малые блоки - .col-lg-3, большой - .col-lg-6
Расположением последних легко ...