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時，它將疊放在另一個上。