如果未指定xs视口,Bootstrap中会发生什么?

时间:2016-12-23 11:49:34

标签: twitter-bootstrap twitter-bootstrap-3

基于此:

<div class = "col-md-3 col-lg-7">

在xs视口中,div将为_____列宽。

3 个答案:

答案 0 :(得分:2)

如果您未指定col-xs-12,则列宽仅适用于mdlg屏幕宽度。一旦您的屏幕宽度低于md,宽度就不适用,您基本上会得到一个普通的div元素,该元素的宽度为100%。但是,您将获得适用于所有col-*类的一些Bootstrap规则,例如:

position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;

答案 1 :(得分:0)

如果您没有明确指定

,它将是col-xs-12

答案 2 :(得分:0)

如果您未指定 col-xs - * ,则需要 12 列div。

你有没有亲自尝试过会发生什么?

以下是您可以参考的link

希望这有帮助。