Zaczynam od Bootstrap 3 i mam pewne problemy ze zrozumieniem, w jaki sposób mają być używane klasy siatki.

Oto, co do tej pory odkryłem:

Wygląda na to, że klasycol-sm-# icol-lg-# różnią się od zwykłego staregocol-# w tym przypadku będą miały zastosowanie tylko wtedy, gdy ekrany mają określoną wielkość (odpowiednio 768 i 992 pikseli). Jeśli pominiesz -sm- lub -lg- divy nigdy nie zwiną się w jedną kolumnę.

Jednak kiedy tworzę dwa divy w rzędzie, które są obacol-sm-6 wydaje się, że tak jesttylko obok siebie, gdy okno ma szerokość od 768 do 992 pikseli. Innymi słowy, jeśli zmniejszę okno do końca, a następnie powoli je poszerzę, układ jest pojedynczą kolumną, następnie dwiema kolumnami, a następnie z powrotem do pojedynczej kolumnyjeszcze raz.

Czy to jest zamierzone zachowanie?Jeśli chcę dwie kolumny na coś ponad 768px, powinienem zastosowaćobie klasy? (<div class="col-sm-6 col-lg-6">)Powiniencol-6 również być uwzględnionym?<div class="col-6 col-sm-6 col-lg-6">