如何在TwitterBootstrap中覆盖样式?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (28)

我如何覆盖Twitter Bootstrap中的样式?例如,我目前使用的是一个.侧栏类,它具有CSS规则‘Float:Left’,如何将其更改为将其转到右侧呢?我正在使用HAML和SASS,但对Web开发相对来说还是比较新的。

提问于
用户回答回答于

增加你自己的项目,例如:<div class="sidebar right"></div>,使用CSS作为

.sidebar.right { 
    float:right
} 
用户回答回答于

所有这些技巧的工作,但一个简单的方法可能包括你的样式表的引导方式。

如果你site-specific.css在Bootstrap的()后加入了你的css()bootstrap.css,你可以通过重新定义它们来覆盖规则。

例如,如果这是你在你的包含CSS的方式 <head>

<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/site-specific.css" />

你可以通过编写(在您的site-specific.css文件中)简单地将侧边栏移动到右侧:

.sidebar {
    float: right;
}

扫码关注云+社区