Question

我正在使用bootstrap，并且根据bootstrap，每个元素必须由行和列包装。

之间有区别吗？

<div class="row">
    <hr class="col" />
</div>

Vs的

<div class="row">
    <div class="col">
        <hr />
    </div>
</div>

上面的行为对我来说似乎是一样的但是我得到了一条评论评论，要求我使用第二种方法

Answer 1

撇开可能不希望将<hr>定义为列元素的结构原因，这两个示例将以不同方式呈现。

您的第一个示例是将Bootstrap .col的整个范围应用于<hr>，可能会覆盖已与您的标尺关联的任何样式属性。第二个示例允许<hr>元素依赖于自己的样式;嵌套在列内。

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">

<div class="container">
	<div class="row">
		<hr class="col" />
	</div>
</div>

<div class="container">
	<div class="row">
		<div class="col">
			<hr  />
		</div>
	</div>
</div>

＆＃13;

您会注意到第二个嵌套示例会向<hr>元素呈现左右填充。

在HTML中，使用类包装并将其放在同一行中有什么区别

1 个答案: