bootstrap col无效

Question

我期待divs水平对齐，但是它们一个堆叠在另一个之下。为什么会这样。

<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h3>5000</h3></div>
      <div class="col-md-4">
        <h3>5000</h3></div>
      <div class="col-md-4">
        <h3>5000</h3></div>
    </div>
  </div>
</footer>

https://jsfiddle.net/hycdvmhn/1/

Answer 1

您的屏幕分辨率是多少？
它在992px或更宽的屏幕上工作..

根据您的需要，也许您可​​以使用col-sm-4（768px或更宽）甚至col-xs-4（无最小宽度）..

Answer 2

您的代码没有任何问题。

您可能会在不超过992px -md-大小的断点的屏幕中查看它。

我可以在1920px宽屏幕上看到你的小提琴。见下文。如果你拖动中间的垂直条并使其变小，那么当你达到992px以下时，它会叠加在一起。