тегне работает в начальной загрузке 4.1

Question

Tag 'hr' не работает в классе 'row'

<div class="container-fluid">
<div class="row">
    <div class="col-4">col 1</div>
    <div class="col-4">col 2</div>
    <div class="col-4">col 3</div>
    <hr />
    <div class="col-4">col 1</div>
    <div class="col-4">col 2</div>
    <div class="col-4">col 3</div>
</div>

Это будет работать, если я добавлю стиль для тега 'hr ' с' width: 100% '

Зачем мне это нужно?Спасибо за ответ.

Answer 1

Почему бы вам не дать вашему классу col-12 класс?

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row">
    <div class="col-4">col 1</div>
    <div class="col-4">col 2</div>
    <div class="col-4">col 3</div>
    <hr class="col-12" />
    <div class="col-4">col 1</div>
    <div class="col-4">col 2</div>
    <div class="col-4">col 3</div>
</div>

В макете сетки содержимое должно размещаться в столбцах, и только столбцы могут быть непосредственными дочерними элементами строк.

Сетка - Bootstrap