如何覆盖页面某些部分的默认引导样式

时间:2013-04-30 06:55:19

标签: jquery asp.net css twitter-bootstrap

我正在开发一个网站,现在我决定在网站上添加引导程序样式,但如果我在主页面中包含引导程序,它会使所有样式混乱,那么如何在我以前的样式表中使用引导程序功能。好像我将骑过自举css它会对所有元素进行更改。

我的问题是我正在尝试显示一个模态弹出窗口,我希望它具有引导样式,但我不希望页面的其余部分受到它的影响。

请帮助我...

2 个答案:

答案 0 :(得分:1)

要解决这个问题,我创建了一个新的css文件并将其包含在页面中,然后我将该类的属性设置为重要的,以便覆盖该类的默认属性。

下面是它的示例代码

input[type="text"]
{
  border:none !important;
  height:20px !important;
  color: #E0E0E0;
}

所以在上面的代码中我覆盖了两个属性,一个是边框和高度,你可以覆盖任意多个。

答案 1 :(得分:0)

你可以在下载之前自定义bootstrap,也许你可以只需要你需要的东西(例如模态弹出窗口):http://twitter.github.io/bootstrap/customize.html