如何在Bootstrap中垂直居中div？

Question

我正在开展一个项目，要求我垂直居中div。我有三列大小为col-s-4的列。左侧和右侧的两列是静态的，而中间的列是可滚动的。

我在左右列中有两个文本框需要在页面中间响应。我真的不知道如何让divs集中。我一直在尝试各种Bootstrap技巧，例如列偏移或使用“垂直中心”类，但似乎没有任何工作。

这是我试图使用的，但它目前无效：

Border panel = new Border();
Grid.SetColumn(panel, 3);
Grid.SetRow(panel, 3);

StackPanel stack = new StackPanel();
panel.Child = stack;

Label hasta = new Label();
hasta.Content = str_hasta;
stack.Children.Add(hasta);


Label hastalik = new Label();
hastalik.Content = str_hastalik;
stack.Children.Add(hastalik);

grd_gunluk.Children.Add(panel);

panel.MouseLeftButtonDown += (ss, ee) =>
{
    string a = hasta.Content.ToString();
    string b = hastalik.Content.ToString();
};

这是我的CodePen的链接，因此您可以看到我需要完成的任务。

https://codepen.io/anfperez/pen/rJzmMM