Question

标记'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'添加样式，使其宽度为'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>

在网格布局中，必须将内容放置在列中，并且只有列可以是行的直接子代。

Grid system - Bootstrap

标记<hr />在bootstrap 4.1中不起作用

1 个答案: