如何覆盖 Twitter Bootstrap 中的样式?例如,我目前正在使用具有 CSS 规则“float: left;”的 .sidebar 类。我该如何更改它以使其向右移动?我正在使用 HAML 和 SASS,但对 Web 开发还比较陌生。
最佳答案
所有这些技巧都有效,但更简单的方法可能是在 Bootstrap 样式之后包含您的样式表。
如果您在 Bootstrap 的 ( site-specific.css
) 之后包含您的 css ( bootstrap.css
),您可以通过重新定义它们来覆盖规则。
例如,如果这是您在 <head>
中包含 CSS 的方式
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/site-specific.css" />
您可以通过编写(在您的 site-specific.css
文件中)将侧边栏简单地移动到右侧:
.sidebar {
float: right;
}
请原谅缺少 HAML 和 SASS,我对它们的了解还不足以编写教程。
关于css - 如何在 Twitter Bootstrap 中覆盖样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8084964/