CSS：悬停和引导3

我在Bootstrap3中制作导航条，我发现了一些奇怪的东西

<nav className="navbar navbar-inverse">
<div className="container-fluid">
  <div className="container">
    <div className="row">
      <div className="col-sm-3">
        <a href="#">
            Home
        </a>
      </div>
      <div className="col-sm-3">
        <a href="#">
             About us
        </a>
      </div>
      <div className="col-sm-3">
        <a href="#">
           Surveys
        </a>
      </div>
      <div className="col-sm-3">
        <a href="#">
            Statistics
        </a>
      </div>
    </div>
  </div>
</div>

我不禁想知道，为什么尽管其他属性在工作，转换却没有效果。不确定它是否改变了什么，但也许我会补充说，我在这个应用程序中使用了React

只能变换由长方体模型定位的图元。根据经验，如果某个图元具有display:block，则该图元由长方体模型定位

也可以使用

display:inline块

只能变换由长方体模型定位的图元。根据经验，如果某个图元具有display:block，则该图元由长方体模型定位

也可以使用
display:inline块
确实，我应该检查这个属性。现在可以了，谢谢！事实上，我应该检查一下这处房产。现在可以了，谢谢！
a:hover {
 text-decoration: none;
 color: inherit;
 transform: scale(1.1);
}