我正在通過使用 Bootstrap 4 制作一個 Twitter 新界面來測試我的技能，但我對徽標有疑問，我希望 Twitter 徽標在單擊時旋轉。我怎么能做到這一點？這是我所做的預覽https://gyazo.com/bf3626eef72bed0556f3c638c64351d0HTML  <a class="navbar-brand" href="#">  <img src="img/twitter-logo.png" width="auto" height="30" class="mx-auto d-inline-block align-top" alt=""></a>  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">    <span class="navbar-toggler-icon"></span>  </button>  <div class="collapse navbar-collapse" id="navbarNav">    <ul class="navbar-nav ml-auto">      <li class="nav-item">        <a class="nav-link" href="#first">Home <span class="sr-only">(current)</span></a>      </li>      <li class="nav-item">        <a class="nav-link" href="#second">Who are we?</a>      </li>      <li class="nav-item">        <a class="nav-link" href="#third">Functions</a>      </li>    </ul>  </div></nav>CSS 即使我認為擁有它并不重要.navbar-brand {    position: absolute;    left: 50%;    margin-left: -50px !important;  /* 50% of your logo width */    display: block;}.navbar-brand > img {    transform:scale(1);    transition:transform .2s ease;}.navbar-brand > img:hover {    transform:scale(1.2);}.navbar{  position: fixed !important;  width:100%;  transition: background-color 1s;  box-shadow:0 0 30px rgba(0,0,0,0.03);  color:#000;}.navbar-nav li > a {    color:rgba(0,0,0,0.22);    font-weight:400;}.navbar-nav li > a:hover {    color:rgba(0,0,0,1);}.navbar-nav > li{  padding-left:5px;  padding-right:5px;}