小提琴中的意外引导3行为

Question

bootstrap 3包含在fiddle以下的html

中

<div class="col-lg-1">hi</div>
<div class="col-lg-10">hi</div>
<div class="col-lg-1">hi</div>

预计输出： -

hi          hi                                                  hi

在小提琴中，它显示为： -

hi
hi
hi

为什么？

Answer 1

bootstrap 3首先是移动的。这意味着屏幕尺寸对于bootstrap非常重要。屏幕尺寸默认在小提琴中非常小。

正在使用

.col-lg-用于大屏幕尺寸。用.col-xs代替它可以获得预期的输出

<div class="col-xs-1">hi</div>
<div class="col-xs-10">hi</div>
<div class="col-xs-1">hi</div>

updated fiddle