How to stretch a div to fill the whole page and remove these spaces between Bootstrap blocks?

M

Markiv072021-09-06 22:23:42

HTML

Markiv07, 2021-09-06 22:23:42

<body>
  <div class="container-fluid autorization-page">
    <header class="header row">
      <div class="col-3 nav justify-content-center">
        <a class="logo nav-link active" style="color: #fff;">ToDo List</a>
      </div>
      <nav class="col-9 nav justify-content-center">

        <a href="#" class="nav-link active" style="color: #fff;">navigation</a>
        <a href="#" class="nav-link active" style="color: #fff;">About</a>
        <a href="#" class="nav-link active" style="color: #fff;">WorkSpace</a>
        <a href="#" class="nav-link active" style="color: #fff;">Boards</a>

      </nav>
    </header>

  <div class="promo row gy-3">
    <div class="col-3">
      <div class="block">Промо текст</div>
    </div>
    <div class="col-9">
      <div class="block">Клиент</div>
    </div>
  </div>

</div>
</body>

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

A

Alexey Golyagin, 2021-09-07
@webrevenue

<div class="promo row g-0">
    <div class="col-3">
      <div class="block">Промо текст</div>
    </div>
    <div class="col-9">
      <div class="block">Клиент</div>
    </div>
  </div>

If you are using bootstrap version 5.1

A

Alexander, 2021-09-07
@kikher

instead of necessary
<div class="promo row gy-3">
<div class="promo row g-0">