当使用bootstraps网格系统时,我经常遇到更短和更简洁的代码之间的决定,可能是正确但更长的代码。
让我们假设以下代码
<div class="row some-class">
<div class="col-xs-12">
<div class="row">
<div class="col-xs-12">
content A
</div>
</div>
<div class="row">
<div class="col-xs-12">
content B
</div>
</div>
</div>
</div>
在我看来,好像以下代码具有完全相同的结果。
<div class="row some-class">
<div class="col-xs-12">content A</div>
<div class="col-xs-12">content B</div>
</div>
是吗?是这样吗?即使将col-xs-12
用作行/列构造的某种快捷方式,这是一种好习惯吗?
我需要包装器row
,因为some-class
包含样式。