CSSスタイルが適用されない

Question

私はブートストラッププロジェクトを持っており、すぐに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> 

しかし、事は、しかし、私はdevのツールを使用してスタイルを見ることができ、適用取得されていないというスタイルです。また

その後

全てST：私は無効にするならば、/そのような任意のtickboxを有効にしますylesが適用されます。

何が起こっているのか、それを修正する方法は何ですか？

Answer 1

私が試したとき、パディングトップ以外はすべて動作しています。パディングトップを適用するには、編集

display: block 

または

display: inline-block 

を使用する：あなたはすでにこのことを知っているが、スパンが意味インライン要素であれば わからない、マージンとパディングは有効になりません。したがって、明示的にdisplay：blockまたはinline-blockを追加する必要があります。