Bootstrap：nav-toggle不会向右移动＆amp; navbar-brand不会向左移动

Question

该项目位于：https://github.com/shadtek/utahrenfaire

直播网站位于：http://www.utahrenfaire.org/

我是新手开发人员，大多数（如果不是全部）css代码来自我在网上找到的主题，因为我没有空余时间从头开始完全编写这样的网站。

在iPhone 5和其他宽度上，导航切换覆盖了品牌的最后一个字母。像这样：

我尝试在lightblue.css中编辑syles但我没做过任何工作。我尝试将品牌向左移动，我厌倦了向右移动切换。似乎我的css样式被忽略了。

在lightblue.css中，我认为我可以改变右边：0px到右边：-21px但是没有。

当我尝试使用针对Chrome的devtool进行更改时，我似乎修复了它，只需要针对正确的元素来覆盖scss文件。但这并没有像我在上面的图片中所显示的那样做。

请告诉我我做错了什么，所以我可以解决这个问题。我认为我在Chrome devtools的所有不同手机浏览器宽度中都做了尽职调查，但我想我不能再相信这个工具了

Answer 1

添加padding-left：1.5em to :(可能先向<a>添加一个id，然后在你的css中使用它）

<a href="#" class="js--nav-toggle -nav-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" style="
    /* display: inline-block; */
    margin-left: 5em;
    padding-left: 2em;
"><i></i></a>

Answer 2

我想通了，我没有看到我的本地主机，因为我做了改变，我正在看现场。