css - Bootstrap CSS : how to override padding to default unspecified?

Question

我正在使用 Bootstrap 分页，这里的所有示例都使用它与父元素的左侧对齐；而在某些情况下，我想让它水平居中对齐；我尝试了内联样式 margin: 0 auto 和 display: inline-block;或阻止 和许多其他方式，但它仍然无法正常工作，在 Chrome 开发工具中我可以看到它是因为它有一个 .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; 但 auto 似乎对填充无效？我想知道有没有办法将它覆盖为未指定的？比如从 DevTool 中取消选中它？

Answer 1

尝试将 text-align: center; 放在导航容器的父容器上。在 this page here如果使用开发工具，它工作正常。找到类 .bs-example 并添加 text -align: center 也可以看到它在那里工作。

奇怪的是 padding-left: 0; 实际上保持居中是因为左侧导航箭头左侧的幽灵按钮/空格。