Html 引导中页面底部的浮动div

我一直在尝试让3个

在父级

的底部互相浮动。由于我正在使用Bootstrap

col-md-3

，所以浮动会自动进行。我在互联网上搜索了解决方案，但找不到任何解决我问题的方法

我想我会创造一个没有自举的系统，它就像一个符咒：

这是一个简单的设置，但当我在代码中实现它时，它不起作用

<div class="option-list">
   <div class="col-md-3 col-md-offset-1 pakketten">
      <p>Test1</p>
      <p>Test2</p>
   </div>
   <div class="col-md-3 col-md-offset-1 pakketten">
      <p>Test1</p>
   </div>
   <div class="col-md-3 col-md-offset-1 pakketten">
     <p>Test1</p>
     <p>Test2</p>
   </div>
</div>

测试1

测试2

测试1

测试1

测试2

---

正如您所看到的，中间的

内容较少，因此应该较小，但仍然位于底部。（请参见JSFIDLE链接以获取视觉效果）

垂直对齐仅适用于内联块元素，浮动元素忽略垂直对齐属性

使用

显示：内联块

垂直对齐：顶部

*{
填充：0；
保证金：0；
}
div{
文本对齐：居中；
}
div>div{
显示：内联块；
垂直对齐：顶部；
宽度：30%；
背景：#ccc；
最小高度：250px；
}
小分区{
最小高度：100px；
背景：#999；
}

div
小分区
div

那么，你想把它放在上面吗？@ketan不，我想把它放在底部，就像在JSFIDLE中一样，但是当使用引导程序时，它在顶部。这是因为

垂直对齐：顶部

将它作为基线。@Dmitry它仍然在顶部垂直对齐只适用于内联块元素，浮动元素忽略垂直对齐属性TANKS，这是有效的。我将

.col-md-3

更改为

display:inline block

和

float:none