html - 启动 bootstrap 3 元素？

Question

有人知道什么是启动 bootstrap 元素的最佳实践吗？

元素应以

开头

col-md.*

或

col-sm.*

举例什么是常见的做法？

<div class="col-md-12">
</div>

或

<div class="col-sm-12">
</div>

Answer 1

这取决于您的几乎用户使用什么设备。

• 如果您的用户几乎使用智能手机，您应该应用 .col-xs-*
• 如果您的用户几乎使用平板电脑，您应该应用 .col-sm-*
• 如果您的用户几乎使用笔记本电脑，您应该应用 .col-md-*
• 如果您的用户几乎使用笔记本电脑/台式机，您应该应用 .col-lg-*

如果您不知道您的用户使用什么设备并且知道屏幕分辨率，您可以引用该表:

• 小网格 (≥768px) = .col-sm-*
• 中等网格(≥992px)= .col-md-*
• 大网格(≥1200px)= .col-lg-*