Удалить смещение на маленьких экранах

Question

У меня есть div в контейнере, который я хочу быть col--8 со смещением-2 на средних, больших и очень больших экранах - это поставило бы его в центр страницы и поменьше с широкими, однако в то же самое время, когда экран маленький или дополнительный маленький, я хочу, чтобы компенсировать должны быть удалены и коллектив- -12 ДИВ существо с полным

Я попытался с:

<div class="col-xs-12 col-xs-offset-0 col-md-8 col-md-offset-2" > 
    Some content here... 
</div> 

Что я делаю неправильно? Пс. Я также использую угловой на странице ...

Answer 1

Удалить col-xs-offset-0. это не обязательно. здесь разветвлено jsFiddle

Answer 2

Классы, которые у вас есть, должны выполнять эту работу, пока вы правильно завернули div в родительских .container и .row элементах div. В том числе эти обертки выглядят следующим образом:

<div class="container"> 
    <div class="row"> 
     <div class="col-xs-12 col-md-8 col-md-offset-2" > 
      Some content here... 
     </div> 
    </div> 
</div>