谈论引导程序3的网格系统。如果我们在代码中使用col-xs-12
类,则它也适用于大屏幕和小屏幕,尽管不必使用col-sm-12
或{{1} }或col-md-12
类。
从下图可以明显看出,{strong> <768px 使用了col-lg-12
的超小型设备。那么当我们仅使用col-xs-12
时,它如何在大屏幕上工作?
通过编码,即使我仅使用col-xs-12
,未使用class="col-xs-12"
或class="col-sm-12"
或class="col-md-12"
class="col-lg-12"
答案 0 :(得分:0)
我认为答案位于bootstrap.css
文件中。
如果您尝试搜索col-xs-12
,则会注意到宽度设置为100%
,因此这意味着仅使用类col-xs-12
,div将以宽度的100%呈现。 ,根据内容的位置。
因此,如果您知道特定的div在所有响应视图中都将是全角的,而不必编写大量代码,则只能调出col-xs-12
,以保持代码简洁明了。