为什么我的引导网格在stackoverflow和localhost上看起来不同？

Question

我点击了＆＃34;外部库＆＃34;并添加了引导程序库，但正如您所看到的，如果单击运行按钮，则行不会显示在一行中。

＆＃13;

＆＃13;

/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

div {
  border: 1px solid red;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<div class="row">
  <div class="col-sm-3">
        Text
  </div>
  <div class="col-sm-3">
        Text
  </div>
  <div class="col-sm-3">
        Text
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

如果我在本地计算机上执行相同的代码，那么它看起来像这样：

Answer 1

那是因为您所看到的视图太小而且当引导程序工作时，它会在一条线上重新调整大小。如果您查看整页视图，您将看到以下图像：