В чем разница между col-lg-4 и col-md-3 и col-xs-3?

Question

Для размера поля я дал col-lg-4 и col-Md-3 и col-XS-2., но, наконец, размер столбца равен 4 только тогда, почему нам нужны col-MD-3 и col-XS-2 .explain me please ...

texttext 1

Answer 1

Вы можете увидеть the Bootstrap grid documentation для получения дополнительной информации, если они будут обновлены в какой-то день после этого ответа.

---

Синтаксис имени класса столбца Bootstrap строится следующим образом:

. {prefix} - {when to collapse} - {number of grid columns to occupy} 

prefix в приведенном выше является col, указывая, что элемент является частью системы колоночной Bootstrap.

when to collapse вариант (xs, sm, md или lg) указывают на то, что ширина столбцов должно остановить отображается инлайн и сворачивать быть расположены друг над другом вместо этого.

number of grid columns to occupy указывает, как большая часть всей строки должна занимать класс. Целая строка состоит из Столбцы в Bootstrap.

коллапсирующая ширина в настоящее время определена следующим образом:

• xs - сетка по горизонтали во все времена, контейнер стилизован width: auto, то есть он будет занимать все доступное пространство в настоящее время.
• sm - сетка горизонтальна за точкой разрыва 750px ширины.
• md - ibid (как и ранее), но с 970px.
• lg - ibid, но из 1170px.

Вскоре говоря, различные варианты разрушающихся позволяют определить в какой ширину макета должны разрушаться: как упрощенное объяснение, в чем ширину окна мобильного вида страницы (или аналогичной) должны быть показаны.

Документация, связанная в начале этого ответа, также предлагает ряд примеров.