• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Bootstrap - itemki się wyśrodkowują, jak zmusić do ich pozycjonowania?

0 głosów
61 wizyt
pytanie zadane 15 grudnia 2018 w HTML i CSS przez Q7V Gaduła (4,300 p.)

Cześć, mam takiego navbara:


    <!-- NAVBAR -->


    <nav class="navbar navbg navbar-dark">
     <!-- Brand -->
     <a class="navbar-brand" href="#">Spaceshop</a>
     <form>
         <input type="text" class="search" placeholder="Search">
     </form>
     <!-- Toggler/collapsibe Button -->
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
       <span class="navbar-toggler-icon"></span>
     </button>
     <!-- Navbar links -->
     <div class="collapse navbar-collapse" id="collapsibleNavbar">

       <ul class="navbar-nav">
         <li class="nav-item">
           <a class="nav-link" href="#">Kontakt</a>
         </li>
         <li class="nav-item">
           <a class="nav-link" href="#">Sposoby płatności</a>
         </li>
         <li class="nav-item">
           <a class="nav-link" href="#">Wysyłka</a>
         </li>
       </ul>
     </div>
   </nav>


  <!-- NAVBAR END -->

Efekt jest taki:

Przepraszam za jakość, ale głównie chodzi o to, że itemki się ustawiają w równej odległości od siebie przez atrybut:

justify-content: space-between;

Który jest w selektorze navbar. Próbowałem stworzyć diva i dać text-align: right, jednak navbar wtedy robi się większy na wysokość. No nie mam kompletnie pomysłu jak umieścić wyszukiwarkę i button po prawej, a navbar-brand po lewej.

1 odpowiedź

+1 głos
odpowiedź 15 grudnia 2018 przez arces Pasjonat (17,700 p.)
Daj wyszukiwarkę i button w DIV, a navbar-brand zostaw tak jak jest. Powinno się ustawić jak chcesz.
komentarz 15 grudnia 2018 przez Q7V Gaduła (4,300 p.)

No jest spoko, tylko ten efekt o którym napisałem^^ Przycisk ląduję pod wyszukiwarką, a ja chciałem aby były obok siebie. Dziwne :D

komentarz 15 grudnia 2018 przez arces Pasjonat (17,700 p.)
Dajesz na DIVa, którego dodałeś klasę z flexem i po problemie ;)
komentarz 15 grudnia 2018 przez Q7V Gaduła (4,300 p.)
Nie rozumiem :P
komentarz 15 grudnia 2018 przez arces Pasjonat (17,700 p.)
W bootstrapie jest klasa, która nadaje elementowi właściwości flexboxa. Nazywa się chyba d-flex z tego co pamiętam. Jak jej użyjesz to elementy powinny być obok siebie. Dajesz tę klasę na DIVa, w którym jest przycisk i wyszukiwarka.
komentarz 15 grudnia 2018 przez Q7V Gaduła (4,300 p.)
A no, dzięki działa. :D

Podobne pytania

0 głosów
1 odpowiedź 50 wizyt
pytanie zadane 1 stycznia w HTML i CSS przez kazik8980 Użytkownik (810 p.)
0 głosów
1 odpowiedź 78 wizyt
pytanie zadane 8 lipca 2017 w HTML i CSS przez Erhart Początkujący (280 p.)
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

67,211 zapytań

114,170 odpowiedzi

241,978 komentarzy

45,754 pasjonatów

Przeglądających: 334
Pasjonatów: 12 Gości: 322

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...