Jquery 在引导内垂直对齐

所以我使用Bootstrap的网格来创建一个变量T的描述和对应的滑块。问题是这两个人在默认情况下没有垂直对齐，请参见

我想知道我是否可以在不严重影响网格的情况下修复这个问题，使它在移动版本中看起来也很舒适。最好的选择是使用一些Bootsrap类而不使用固定像素大小的解决方案

顺便说一句，如果重要的话，我用的是我的滑块

它有助于固定div的位置，但却禁止引导的网格从col sm-*转换到col xs-*

这不是什么描述

---

您是否尝试过显示属性flex

可以将以下属性指定给父级

display: flex;
align-items: center;

---

虽然这不使用引导类，但不会破坏响应性。

我会为这些div定义一个高度，然后设置一个媒体查询，在到达特定引导断点时删除定义的高度。

这无关紧要。br只是在第一个子div中添加了空格，与对齐无关。实际上，它确实会影响boostrap的功能，所以问题仍然悬而未决。请看UPD。你能详细说明它是如何影响的吗？我用UPD写的，但用了几句话。。。在大屏幕上，我有两个div以及col-sm-3和col-sm-9。当转换到xs时，我想将它们放置在彼此上方，两个div上都有col-xs-12。这不起作用，因为display:flex。这是一个很好但不是很好的解决方案。这将需要大量的案例来考虑。我认为有一个很好的简单的解决方案。垂直从来都不简单

.sliderParent {
    display: flex;
    align-items: center;
}

<div class="row sliderParent">
  <div class="col-sm-3 col-xs-12">
    ...
  </div>
  <div class="col-sm-9 col-xs-12">
    ...
  </div>
 </div>

.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

display: flex;
align-items: center;