小div上的Bootstrap网格系统不起作用？

Question

如果我在bootstrap容器上选择小宽度（低于360）（将包装容器宽度设置为359px），则会出现断行，我是做错了还是引导错误？

代码示例：

lang: { myKey: "Hello" }, exporting: { buttons: { exportButton: { _titleKey:"myKey", enabled: true }, printButton: { enabled: true } } }, ...

http://codepen.io/anon/pen/qbOWGW

Answer 1

它可以工作，但你指定了容器的固定宽度（360px），当屏幕小于360px时，你的容器仍然是360px宽度。

你可以使用这样的CSS：

.container {
  width: 360px;
}
@media (max-width: 360px) {
  .container {
    width: auto;
  }
}

或（移动优先方法）：

@media (min-width: 360px) {
  .container {
    width: 360px;
  }
}

在第二个选项中，您必须在HTML代码中删除内联样式width: 360px

CODEPEN 1

CODEPEN 2