Bootstrap:brak reakcji na hidden-lg-down

Bootstrap:brak reakcji na hidden-lg-down
ZO
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 17
0

Cześć,
tworzę swój pierwszy projekt w Bootstrapie. Chcę użyć klasy hidden-lg-down aby ukryć kolumnę podczas wyświetlania na telefonach. Jednak klasa ta kompletnie nie działa, podczas przełączenia strony w tryb mobilny kolumna nadal jest widoczna. Proszę o pomoc. Oto kod:

Kopiuj
<section id="AUs">       
       <div class="container" >
           <div class="row align-items-center" >
               <div class="col-sm-6" hidden-lg-down><img src="img/AboutUs.png"/></div>
               <div class="col-sm-6" id="a1"><h1>About Us</h1>
               <p>Coś tam....</p>
               </div>
           </div>
       </div>
   </section>
HA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 335
0

Błąd w składni:

Kopiuj
<div class="col-sm-6 hidden-lg-down"><img src="img/AboutUs.png"/></div>

Przesunąłeś klasę .hidden-lg-down poza ""

ZO
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 17
0

Poprawiłem, nadal nie działa.

czysteskarpety
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Piwnica
  • Postów: 7697

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.