我正在使用Bootstrap分页,这里的所有示例都使用它与父对齐;而在我想要使它水平居中对齐的情况下;我尝试了内联样式margin: 0 auto
和display: inline-block; or block
以及许多其他方法,但它仍然无效,在Chrome开发工具中我可以看到它,因为它有一个.pagination
类定义了{{ 1}}停止与DevTool中心对齐,我可以取消选中padding-left: 0;
的行并使其成为中心对齐;
http://getbootstrap.com/components/#pagination
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css
padding-left: 0;
因此,对于覆盖,我知道将其覆盖为另一个值很容易,但如果我覆盖到另一个特定数字,它将无法响应窗口维度更改,我已尝试设置.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
但是自动似乎对填充无效?我想知道无论如何要覆盖它是未指定的?比如从DevTool取消选中它?
答案 0 :(得分:1)
尝试将text-align: center;
放在导航容器的父容器上。在this page here中,如果使用开发工具进行操作,则可以正常工作。找到课程.bs-example
并添加text -align: center
也可以看到它在那里工作。
奇怪的是,由于左侧导航箭头左侧的幽灵按钮/空格,padding-left: 0;
实际上使其居中。