css - 如何将自定义 css 与 bootstrap css 一起使用

Question

我想将自定义 css 与 twitter bootstrap 一起用于弹出框和模态对话框等功能。但是由于 bootstrap css，站点对齐不正确。我尝试使用重置 CSS，但没有帮助。除了检查导致问题的样式描述的不正确元素之外，还有什么方法可以修复它。

Answer 1

您可以在 Bootstrap css 规则之后向类添加 css 规则。

请注意，bootstrap 对所有元素使用 box-sizing: border-box;，这可能会导致对齐不当。

在上面的border-box模式下，width和height都包含了border和padding，通常是没有的，注意或者使用 box-sizing: content-box; 作为你自己的元素。

因此，如果重置样式表将 box-sizing 设置为 content-box，则原始 Bootstrap 对齐将被破坏。