Html 移动设备上的水平居中切换按钮

我在Wordpress网站上有一个默认的引导导航设置

HTML

我在CSS之前引入了引导CDN。我的css不起作用，不确定我做错了什么。

您需要使用一个来指定不同屏幕大小的css。使用移动设备的默认引导大小（767px及以下）并以移动设备优先的心态思考：

.navbar-brand { display: none; }
.navbar-custom .navbar-toggle {text-align: center;}

@media (min-width: 768px) {
    .navbar-brand { display: block; }
    .navbar-custom .navbar-toggle {text-align: left;}

}

---

我很抱歉我确实有，我的问题是我尝试的代码不起作用。我会更新我的问题，我不知道它没有包括在内

@media screen and (max-width: 768px) {

.navbar-brand { display:none; }
.navbar-custom .navbar-toggle {text-align: center;}

...

.navbar-brand { display: none; }
.navbar-custom .navbar-toggle {text-align: center;}

@media (min-width: 768px) {
    .navbar-brand { display: block; }
    .navbar-custom .navbar-toggle {text-align: left;}

}