使用 <div class="col-sm-6"> 或 <b-col sm="6"> 一样吗?

Is using <div class="col-sm-6"> or <b-col sm="6"> the same?

我刚开始研究 bootstrap-vue(实际上是 vue),我注意到 <b-col sm="6"> 翻译成经典的 <div class="col-sm-6"> 所以我想知道是否有任何区别或优势在使用 <b-col sm="6">.

大多数网页设计师都习惯使用 <div class="col-sm-6"> 那么为什么要让他们切换到其他表示法呢?

没有区别只是用起来更方便

通过将 sm="6" 设置为 属性,您可以更轻松地更改值(动态),而不需要 jquery,而是纯粹的 Vue 中的 js 函数。有了这个,你就可以充分利用 Vue,这更容易看到。

:sm="getColSize" 可以是任何你想要的。使用 类 我发现它更加努力。

<b-col>(和其他布局助手组件)纯粹是为了方便起见,因为它们需要更少的输入(特别是对于在不同断点处具有不同宽度的复杂列)。

它们被编写为 Vue 功能组件(它们不保留任何状态信息),因此渲染速度很快。

您可以随意混合搭配常规 html 布局标记,或者根本不使用它们。