css - 如何在 Twitter Bootstrap 中覆盖样式

标签 css twitter-bootstrap

如何覆盖 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/

相关文章:

javascript - Twitter bootstrap 轮播 youtube 视频自动启动

Javascript 函数未显示

javascript - 如何居中并使各种图像尺寸适合容器

html - 带圆 Angular 的 chalice 3 列在某些浏览器中不起作用

javascript - 迭代 <p> 元素获取其高度并使用它来设置父 LI 元素的高度

twitter-bootstrap - 将 navbar-fixed-top 更改为 navbar-static-top 会在标题上方创建空白空间

javascript - Bootstrap - 调整窗口大小时 react 和适合的缩略图

javascript - 按钮的 Scrollspy 偏移量

javascript - jCarousel 显示选择了类的元素

css - col-*-offset-0 在 bootstrap 中有什么用?