正在使用 <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">感到很自在，那么为什么要要求他们切换到其他表示法呢？
2 个解决方案
解决方案1
2 2018-11-27 11:34:42
没有区别，但使用起来更方便。
通过将sm="6"设置为属性，您可以更轻松地更改值（动态），而无需使用jquery，而仅在Vue中使用js函数。 有了它，您就可以充分利用Vue了，它很容易看到。
:sm="getColSize"可以是任何您想要的。 在上课时，我发现需要更多的努力。
解决方案2
1 已采纳 2018-11-29 14:38:55
<b-col> （和其他布局帮助器组件）纯粹是为了方便，因为它们需要更少的键入（尤其是对于在不同断点处具有不同宽度的复杂列）。
它们被编写为Vue功能组件（它们不保留任何状态信息），因此可以快速渲染。
您可以随意将其与常规html标记混合并匹配以进行布局，也可以完全不使用它们。
如何在 Bootstrap-Vue 的 `b-col` 和 `b-row` 中使用 `v-for`？
[英]How to to use `v-for` with Bootstrap-Vue's `b-col` and `b-row`?
如何使用Bootstrap Vue在移动设备上将Button的大小从默认更改为sm？
[英]How do I change Button size from default to sm on mobile using Bootstrap Vue?
Bootstrap-Vue 不同的 col 大小基于 v-for 中的 boolean
[英]Bootstrap-Vue diffrent col size based on boolean in v-for
使用 v-model - VueJS(bootstrap-vue) 将相同的 object 加载到两个 b-form-select 中
[英]Load the same object into two b-form-select using the v-model - VueJS(bootstrap-vue)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
Vue Bootstrap：在 b-col 组件底部对齐按钮
如何在 Bootstrap-Vue 的 `b-col` 和 `b-row` 中使用 `v-for`？
如何使用Bootstrap Vue在移动设备上将Button的大小从默认更改为sm？
Bootstrap-Vue 不同的 col 大小基于 v-for 中的 boolean
在中创建多个div元素<b-card>
使用 v-model - VueJS(bootstrap-vue) 将相同的 object 加载到两个 b-form-select 中
b-dropdown 不呈现任何 css 类
Bootstrap-vue 在 b-table 上使用 b-tooltip
如何应用 b 表字段 thClass 或 tdClass 或 class
在 bootstap-vue 中更改 b-navbar 切换上的类
相关标签