启动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-*

Answer 2

启动Bootstrap项目最好使用github中的代码或使用IDE生成它。

你的例子都是有效的:唯一的区别是col-md-12定义了一个中等大小的输入和12列的列网格和col-sm-12做了完全相同的12列，但在小尺寸。