是否有垂直对齐我的内容的最佳方法？我有 3 个按钮，我想垂直对齐。
<b-container>
<b-row>
<b-col><b-button class="main-navigation-button" variant="primary">Create</b-button></b-col>
<b-col><b-button class="main-navigation-button" variant="primary">Search</b-button></b-col>
<b-col><b-button class="main-navigation-button" variant="primary">Edit</b-button></b-col>
</b-row>
</b-container>
如果当前用户是管理员，我只想显示我的一栏。我不确定如何使用 bootstrapVue 执行此操作。有任何想法吗？
当屏幕为一定宽度时，我试图隐藏菜单，但由于某种原因，它display:none无法工作，但是visibility:hidden可以。
我在教程中使用的是该人的确切代码（摘自他的上传css文件），它对他有用，但对我不起作用？
我了解两者之间的区别，但我不明白为什么一个隐藏元素，而另一个却由于某种原因而没有。
这是css代码：
.site-header__menu-trigger {
color: #FFF;
cursor: pointer;
font-size: 1.2rem;
position: absolute;
z-index: 10;
top: 7px;
right: 46px;
}
@media (min-width: 530px) {
.site-header__menu-trigger {
top: 5px;
font-size: 1.4rem;
}
}
@media (min-width: 960px) {
.site-header__menu-trigger {
display: none;
}
}
更新：对不起，这是我的HTML
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
</head>
<body>
<header class="site-header">
<div class="container">
<h1 class="school-logo-text float-left"><a href="<?php echo site_url() ?>"><strong>Fictional</strong> University</a></h1>
<span class="js-search-trigger site-header__search-trigger"><i …