Rozjeżdżający się tekst w navbar po najechaniu na logo

Question

Siema.

Mam szybkie pytanie dot. nava mam w navbar-header logo, które po najechaniu się powiększa niestety tekst który jest obok też zmienia swoją pozycję. Co zrobić żeby tekst został na miejscu po najechaniu na logo które jest obok?

Answer 1

Czy logo i tekst są w jednym div? Bez kodu można tylko strzelać. Daj kod.

Comments

<nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-logo" href="/"><img src="/img/test.png" class="img-fluid"/></a>
            </div>
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
            </ul>
        </div>
    </nav>

 

---

.navbar-logo img:hover{
  transform: scale(2, 2);
}

użyj transform

 

---

A do animacji transition

Answer 2

A może kod css?:)

Comments

A może jest w komentarzu? Wystarczy zwrócić troszkę uwagę :)

---

Przecież to sam kod HTML'a :)