Jaki jest właściwy sposób na zmniejszenie menu w bootstrapie? Próbowałem dodać dzielnik klasy i godzinę, ale nie wygląda to dobrze. Oto link do kodu, który próbowałem do tej pory Rozwijane menu Bootstrap
Odpowiedzi:
2 dla odpowiedzi № 1Zmodyfikuj CSS. Spróbuj przesłonić CSS .dropdown-menu>li>a
jak poniżej:
.dropdown-menu>li>a { padding:15px 25px; }
Najłatwiejszym sposobem sprawdzenia, który z nich należy zmodyfikować, jest sprawdzenie elementu za pomocą przeglądarki Google Chrome (skrót = F12) lub Firefoksa FireBug.
0 dla odpowiedzi nr 2
.navbar-nav>li>.dropdown-menu{
padding-left:10px;
padding-right:10px;
}
Dopasuj dopełnienie do tego elementu, jak uważasz, ale pamiętaj, aby załadować to css po załadowaniu bootstrap.
0 dla odpowiedzi № 3
Modyfikacja css nie jest łatwa, gdy używasz zintegrowanego arkusza stylów, możesz dodać dodatkowy styl padding:15px 25px
w ul
klasa z dropboxa. Zobacz przykład poniżej:
<ul style="padding:15px 25px" class="dropdown-menu" role="menu">
Mam nadzieję, że to pomoże! Powodzenia