Bulma CSS в полный рост - PullRequest
Новая
       32

Bulma CSS в полный рост

0 голосов
/ 26 апреля 2020

Я использую Bulma (внутри приложения Laravel) в качестве своего CSS фреймворка, и я пытаюсь реализовать контент полной высоты на своей странице, но не могу сделать так.

Я использую элемент hero здесь, потому что мне нравится макет, а вот код: 

<section class="hero is-info is-fullheight is-bold">

    @include('partials/header')

    <div class="hero-body">
        <div class="container">
            <div class="box">
                test test
            </div>
        </div>
    </div>

    @include('partials/footer')

</section>

Я бы хотел, чтобы поле находилось на 100% высоты контейнера, но height: 100% здесь ничего не делает. Вот конечный результат, который у меня есть, и красным цветом я хочу получить:

enter image description here

Я создаю приложение для чата, поэтому моя идея для * Элемент 1016 * должен был быть своего рода контейнером, где я мог бы складывать пузыри чата и видеть беседу.

...