Как в bootstrap регулировать высоту row?

Question

SHAKIRA @SHAKIRA

Bootstrap

Как в bootstrap регулировать высоту row?

У меня есть section с height:100vh это экран и их естественно несколько. В нем container-fluid а в нем от одного до 3х row. И мне надо их распределить на экране. То есть.
Там где в section 1 row, он должен занимать 100%, а где несколько, чтобы я мог отрегулировать их. А колумны внутри них сжимались, вернее не выпирали из этих областей row

Вопрос задан более трёх лет назад
1351 просмотр

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

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

3 комментария

SHAKIRA @SHAKIRA Автор вопроса

debian_Lenovo-B50-30, так как центрировать?

Написано более трёх лет назад
debian_Lenovo-B50-30 @debian_Lenovo-B50-30

SHAKIRA, Выравнивание, Ширина-Высота, Отступы

Написано более трёх лет назад

debian_Lenovo-B50-30 @debian_Lenovo-B50-30

SHAKIRA,

<!doctype html>
<html lang="ru" class="h-100">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="bootstrap.css">
    <title>Пример</title>
</head>
<body class="h-100">
    <div class="container h-100">
        <div class="row h-100">
            <div class="col align-self-center text-center">
                Эта надпись находится в центре окна!
            </div>
        </div>
    </div>
</body>
</html>

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

PHP

+2 ещё

Простой
Как можно отредактировать микроразметку сайта написанного на Bootstrap?
- 1 подписчик
- 17 нояб.
- 234 просмотра
3

ответа
JavaScript

+2 ещё

Простой
Как мне написать скрипт для вывода изображения bootstrap 5 и js?
- 1 подписчик
- 06 окт.
- 89 просмотров
2

ответа
Bootstrap

Простой
Как разместить sidebar в секции(заголовка)?
- 1 подписчик
- 30 сент.
- 71 просмотр
1

ответ
Bootstrap

Простой
Как сделать горизонтальную прокрутку таблицы Bootstrap 5?
- 1 подписчик
- 20 сент.
- 73 просмотра
2

ответа
React

+2 ещё

Простой
Почему появляется белый прямоугольник у кнопки google на заднем фоне при использовании темной темы от bootstrap?
- 1 подписчик
- 24 авг.
- 76 просмотров
0

ответов
HTML

+2 ещё

Простой
Как высчитать и собрать сетку галереи, без лишних пробелов?
- 1 подписчик
- 21 авг.
- 111 просмотров
0

ответов
Bootstrap

Простой
Можно ли в Bootstrap отдельно верстать элементы страницы для десктопа и отдельно для мобильных устройств — это не осуждается?
- 1 подписчик
- 08 авг.
- 76 просмотров
1

ответ
Bootstrap

Простой
В Bootstrap 3 для вёртки для мобильных устройств можно было использовать .col-xs-1, а что использовать вместо этого в Bootstrap 5?
- 1 подписчик
- 02 авг.
- 60 просмотров
1

ответ
Bootstrap

Простой
Почему вертикальный отступ gy-5 в bootstrap 5 не работает — то есть отступа не происходит?
- 1 подписчик
- 30 июл.
- 47 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему col-xl-10 не работает при указании col-md-8?
- 1 подписчик
- 28 июл.
- 70 просмотров
2

ответа
Показать ещё Загружается…

Ведущий консультант 1С (бюджетирование)

Wanted.

До 300 000 ₽

Аналитик данных

Wanted. • Санкт-Петербург

До 200 000 ₽

Senior Python Developer (Кипр)

Wanted. • Лимассол

До 6 000 €

Парсинг данных

28 нояб. 2024, в 01:46

2240 руб./за проект

Разместить шаблон сайта с личным кабинетом под хостинг серверов

28 нояб. 2024, в 00:33

5000 руб./за проект

Нужно записать видео уроки по машинному обучению

28 нояб. 2024, в 00:20

2400 руб./за проект

Answer 1 · 2020-09-22 21:10:22

Писать свою сетку, свою верстку, мне кажется в бустрап нет встроенных инструментов центрирования
(или я не знаю).

Свои центровки делал руками. Курите css темы grid и flex.
fls.guru/flexbox.html
fls.guru/grid.html

Как в bootstrap регулировать высоту row?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт