Този клас идва от CSS framework-а Bootstrap и се използва за responsive (адаптивна) мрежа.
Ето какво означава:
🔹 Основата: grid система
Bootstrap разделя реда на 12 колони.
Твоят клас казва: елементът ще заема 10 от тези 12 колони.
🔹 Разбивка на класовете
col-xs-10
→ за много малки екрани (телефони)
→ заема 10/12 ширина (~83%)
col-sm-10
→ за малки екрани (таблети)
→ пак 10/12
col-md-10
→ за средни екрани (лаптопи/десктопи)
→ пак 10/12
🔹 Какво означава на практика
👉 Независимо от устройството (малко, средно или голямо), този:
ще заема около 83% от ширината на реда
ще оставя 2 колони свободни (например за margin или друг елемент)
🔹 Малка забележка (важно)
В по-новите версии на Bootstrap (v4+) xs вече не се използва. Вместо това се пише примерно:
<class="col-10 col-sm-10 col-md-10">
Leave a comment
No comments