Html 未应用CSS样式

我有一个引导项目，我想快速更改

span

。因此，我有一个

span

这样的内联css：

<div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
                <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                        </button>
                        <span style="color:#fff !important;padding-top:10px !important;font-size:26px !important;font-weight:bold !important; display: block">Title</span>
                </div>
        </div>
</div>

切换导航
标题

但问题是没有应用样式，但是我可以使用开发工具看到样式：

此外，如果我禁用/启用任何类似的复选框：

然后应用所有样式

---

任何想法都是怎么回事，以及如何解决这个问题？

当我尝试它时，除了顶部填充之外，其他一切都正常。要在顶部应用填充，请使用

display: block

或

编辑：

---

不确定您是否已经知道这一点，但span是一个内联元素，这意味着边距和填充将不会生效。因此，您需要显式添加display:block或inline block

标题的背景色是什么？@Ofisora it is black在这里工作正常。

display: inline-block