引导3中唯一的col-xs-12类如何在大屏幕中工作?

时间:2018-10-15 11:28:31

标签: twitter-bootstrap twitter-bootstrap-3

谈论引导程序3的网格系统。如果我们在代码中使用col-xs-12类,则它也适用于大屏幕和小屏幕,尽管不必使用col-sm-12或{{1} }或col-md-12类。

从下图可以明显看出,{strong> <768px 使用了col-lg-12的超小型设备。那么当我们仅使用col-xs-12时,它如何在大屏幕上工作?

enter image description here

通过编码,即使我仅使用col-xs-12,未使用class="col-xs-12"class="col-sm-12"class="col-md-12"

,下面的以下代码也适用于大屏幕
class="col-lg-12"

1 个答案:

答案 0 :(得分:0)

我认为答案位于bootstrap.css文件中。 如果您尝试搜索col-xs-12,则会注意到宽度设置为100%,因此这意味着仅使用类col-xs-12,div将以宽度的100%呈现。 ,根据内容的位置。

因此,如果您知道特定的div在所有响应视图中都将是全角的,而不必编写大量代码,则只能调出col-xs-12,以保持代码简洁明了。