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

Bootstrap stylizacja menu oraz wyszukiwarki

0 głosów
43 wizyt
pytanie zadane 10 czerwca w HTML i CSS przez Sic Dyskutant (8,470 p.)

Cześć otrzymałem zadanie, z którym mam delikatne problemy "Na tabletach wyszukiwanie ma być pod menu, a na mniejszych ekranach ma być wyszukiwanie i obok niego ikona mobilnego menu, które po rozwinięciu ma pokazywać dropdown przykrywający treść strony. "

Oto kod:

 <div className={styles.root}>
    <div className='container'>
      <div className='row align-items-center d-xs-inline-flex '>
        <div className={'col-sm-6 order-sm-2'}>
          <ProductSearch />
        </div>
        <div className={'col-sm-6  ' + styles.menu}>
          <ul>
            <li>
              <a href='#' className={styles.active}>
                Home
              </a>
            </li>
            <li>
              <a href='#'>Furniture</a>
            </li>
            <li>
              <a href='#'>Chair</a>
            </li>
            <li>
              <a href='#'>Table</a>
            </li>
            <li>
              <a href='#'>Sofa</a>
            </li>
            <li>
              <a href='#'>Bedroom</a>
            </li>
            <li>
              <a href='#'>Blog</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

W momencie ustawienia `order-sm-2 dla ProductSearch`  oraz  `order-sm-1 dla drugiej kolumny` wszystko się sypie. Podobnie jest, gdy próbuję ustawić dropmenu dla menu. Proszę o podpowiedź.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 639 wizyt
pytanie zadane 13 lutego 2016 w HTML i CSS przez tetriss Obywatel (1,710 p.)
0 głosów
1 odpowiedź 277 wizyt
+1 głos
2 odpowiedzi 95 wizyt
pytanie zadane 2 maja 2021 w HTML i CSS przez MateuszSikorski Obywatel (1,070 p.)

88,677 zapytań

137,289 odpowiedzi

306,652 komentarzy

58,873 pasjonatów

Motyw:

Akcja Pajacyk

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

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

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

...