未应用CSS样式

Question

我有一个bootstrap项目，我想快速更改span。所以我的内联css就像span一样：

<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>

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

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

然后应用所有样式。

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

Answer 1

当我尝试它时，一切都在工作，除了填充顶部。要应用填充顶部，请使用

display: block

或

display: inline-block

编辑： 不确定你是否已经知道这个但是span是一个内联元素，这意味着，margin和padding不会生效。因此，您需要显式添加display：block或inline-block