Bootstrap CSS:如何覆盖默认未指定的填充?

时间:2016-12-24 01:39:58

标签: css twitter-bootstrap

我正在使用Bootstrap分页,这里的所有示例都使用它与父对齐;而在我想要使它水平居中对齐的情况下;我尝试了内联样式margin: 0 autodisplay: 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取消选中它?

1 个答案:

答案 0 :(得分:1)

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

奇怪的是,由于左侧导航箭头左侧的幽灵按钮/空格,padding-left: 0;实际上使其居中。