Bootstrap глючит при col-sm-0 как исправить?

Question

[roborobi]

<div class="container">
						<div class="row">
							<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
								<div class="carusel__element"></div>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
								<div class="carusel__element"></div>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
								<div class="carusel__element"></div>
							</div>
							<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
								<div class="carusel__element"></div>
							</div>
							<div class="col-xs-0 col-sm-0 col-md-4 col-lg-3">
								<div class="carusel__element"></div>
							</div>
							<div class="col-xs-0 col-sm-0 col-md-4 col-lg-3">
								<div class="carusel__element"></div>
							</div>
							<div class="col-xs-0 col-sm-0 col-md-0 col-lg-3">
								<div class="carusel__element"></div>
							</div>
							<div class="col-xs-0 col-sm-0 col-md-0 col-lg-3">
								<div class="carusel__element"></div>
							</div>
						</div>
					</div>

хоть я и поставил sm-0 и xs-0 блоки все ровно выскакивают как на sm-12
на первом скрине экран под lg на втором под md - они нормально работают, а на третьем sm и xs вот они выпадают.

из за чего это и как исправить?

Answer 1

[roswell]

.col-sm-0 в дикой природе не встречается. Вместо него надобно использовать .hidden-sm

Comments

[roborobi]

спасибо думал он как все остальные пишутся

[Виктор Таран]

hidden-sm