我已经花了几个小时在这个问题上，现在已经阅读了无数的问题，但没有一个提供的解决方案适合我，所以我现在只是要发布我的具体问题：
我想构建一个有四列的行。前三列有图片，第四列有一个文本描述，我想垂直居中显示（这意味着顶部和底部的边距相等，显然不是固定的，但可以响应屏幕大小的变化）。下面是代码：

<section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-4 col-sm-6">
                <img ...>
            </div>
            <div class="col-lg-4 col-sm-6">
                <img ...>
            </div>
            <div class="col-lg-3 col-sm-6">
                <img ...>
            </div>
            <div class="col-lg-1 col-sm-6">
                <div class="container-fluid">
                    <p>Some text that is supposed to be vertically centered within the column</p>
                </div>
            </div>
        </div>
    </div>
</section>

字符串
它必须与Bootstrap特定的类做一些事情，我可以找到非基于CSS的解决方案。我如何使它在这个特定的例子中工作？请随意对这部分进行任何更改：

<div class="container-fluid">
    <p>Some text that is supposed to be vertically centered within the column</p>
</div>

型
但是，如果可能的话，其余结构应保持不变（包括col-lg-1）。
非常感谢您的帮助！