@Zukrine

Bootstrap 5 Отступы блоков, как правильно?

Здравствуйте! Мне необходимо, чтобы между блоками был достаточно крупный отступ, сейчас сделал таким образом:

@extends('layouts.app')

@section('title')
    Главная страница
@endsection

@section('home')
    <div class="container p-5 mt-5">
        <div class="row col-12">
            <div class="col-lg-8 sm-12 bg-light border rounded">
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Optio quod omnis maxime. Nisi nulla, asperiores
                consequatur dignissimos unde eius eaque laudantium? Odio nulla distinctio officia illo nisi aut magnam
                itaque?
            </div>
            <div class="col-1 p-3"></div>
            <div class="col-lg-3 sm-12 bg-light border rounded">
                @include('includes.sidebar')
                @show
            </div>
        </div>
    </div>
@endsection


Т.е. добавил между ними один блок без информации. Вот так это выглядит:
Демонстрация
61ea907adcc91321694406.jpeg


Вопрос в следующем, какое-то внутреннее чутье подсказывает, что это неправильно. Так ли это? И если так, то как написать правильно?
  • Вопрос задан
  • 197 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
в bootstrap 5 есть css переменные для этого
.row {
	--bs-gutter-x: 60px;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы