1. 首页
  2. 问答
  3. bootstrap col不起作用

bootstrap col不起作用

2016-07-16 66 views
1

我期待divs水平对齐，但它们堆叠在一起。这是为什么发生。bootstrap col不起作用

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

来源

2016-07-16 Qwerty

回答

2

什么是你的屏幕分辨率？
它是工作在屏幕与992px或更宽..

也许你可以使用基于您的需求col-sm-4（768px或更宽），甚至col-xs-4（无最小宽度）..

来源

2016-07-16 19:11:41

+0

col-sm-4工作。但不明白为什么。 \t 我正在以1440 X 900的屏幕分辨率观看此视频，浏览器Chrome和Firefox处于最大化位置。 – Qwerty

+0

你确定正确的容器（显示你的代码的容器）宽于992px？也许试图检查它 –

2

没有错与你的代码。

您可能在不大于992px的屏幕中查看它，该屏幕是-md-尺寸的断点。

我可以看到你的小提琴在我的1920px宽屏上罚款。见下文。如果您拖动中间的垂直条并将其变小，那么当您的垂直条小于992px时，它将叠放在另一个上。

enter image description here

来源

2016-07-16 19:12:43 Shiva

+0

我在1440 X 900的屏幕分辨率下观看此视频，浏览器Chrome和Firefox处于最大化位置。 – Qwerty

+1

那么也许你的引导CSS没有被渲染或包含？请参阅此处的网格系统断点。 http://getbootstrap.com/css/我看到您对'-sm-'工作的选定答案的评论。所以如果这样做，这意味着你的CSS正在被使用，这意味着你的浏览器窗口的大小是“<992px”。 – Shiva

相关问题

 相关问题