Bootstrap CSS: как переопределить заполнение по умолчанию неуказано?

Question

Я использую Bootstrap Pagination, все примеры здесь используют его, выровненный слева от родителя; в то время как в случаях я хочу сделать его центрированным, горизонтально; Я пробовал встроенный стиль margin: 0 auto и display: inline-block; or block и многие другие способы, но он все еще не работает, в Chrome Dev Tools я вижу это потому, что он имеет класс .pagination, который определил padding-left: 0;, который остановился от выравнивания по центру, из DevTool я могу снять галочку линия padding-left: 0; и выравнивается по центру;

http://getbootstrap.com/components/#pagination

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css

.pagination { 
    display: inline-block; 
    padding-left: 0; 
    margin: 20px 0; 
    border-radius: 4px; 
} 

Итак, для подмены, я знаю, что это легко переопределить это будет другое значение, но если я переопределять другой конкретный номер, он не будет реагировать на окна изменения размеров, я пытался установить padding: auto;, но авто кажется недействительным для заполнения? Интересно, так или иначе, чтобы переопределить его, чтобы быть неуказанным? как снять его с DevTool?

Answer 1

Попробуйте положить text-align: center; на родительский контейнер контейнера nav. В this page here он отлично работает, если вы делаете это с помощью инструментов dev. Найдите класс .bs-example и добавьте text -align: center тоже, увидев, что он работает там.

Как ни странно, padding-left: 0; фактически удерживает его в центре, потому что кнопка/место призрака находится слева от стрелки навигации слева.