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

中的bootstrap 3包含在以下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

---

为什么会这样？

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

.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>

hi
你好
你好

---

向我们展示您的全部代码。你添加了一个容器吗？现在我只是在讨论小提琴中的代码。我认为（我可能错了）的问题是，当您使用网格系统并更改屏幕大小时，width:field of.col-不再显示。（我希望我能把我的观点讲清楚）。简言之，我只是在谈论小提琴中的代码。我不确定我是否理解你的意思是否正确，但是，如果你将宽度设置得太小，它会将div移动到彼此下方。为什么小提琴的输出与预期的输出不同？我的问题是，我使用的是类似的.col-lg-s结构。屏幕显示预期输出。但是当我像一些用户那样放大浏览器的屏幕时。每个div变为100%宽度，一个堆叠在另一个之下。

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