Смещение начальной загрузки не работает должным образом

Question

Я работаю с Bootstrap 3, и у меня есть вот такая сеточная система:

      <div class="row">
   <div class="col-xs-4 offset-xs-4 col-sm-1 col-md-1 col-lg-1">
       <img src="https://sitename.com/img/logo.jpg">
   </div>
   <div class="offset-xs-4">
   </div>
</div>

И результат на устройствах выглядит так:

Но я хочу, чтобы логотип располагался по центру с помощью классов смещения. Поэтому я попытался добавить в класс, содержащий логотип, а также добавил еще один div с offset-xs-4 класс после этого.

Но проблема в том, что он, похоже, не работает, а логотип все еще отображается справа.

Итак, вопрос в том, как мне правильно разместить это изображение в центре экрана, когда дело доходит до xs устройства с использованием классов смещения?

Answer 1

Классы смещения Bootstrap 3 не offset-xs-4; это col-xs-offset-0

Я думаю, вы должны подтвердить версию Bootstrap, которую вы используете, и использовать правильную документацию:

Bootstrap 3 Документация по смещению столбцов