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

【问题标题】：how to override the default style of bootstrap for some section of the page如何覆盖页面某些部分的默认引导样式
【发布时间】：2013-04-30 06:55:19
【问题描述】：

我正在开发一个网站，现在我决定向网站添加引导样式，但是如果我在母版页中包含引导样式，它会使所有样式混乱，那么我如何在我以前的样式表中使用引导功能.好像我会超越 bootstrap css 它对所有元素进行更改。

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

请帮帮我...

【问题讨论】：

【解决方案1】：

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

下面是它的示例代码

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

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

【讨论】：

【解决方案2】：

您可以在下载之前自定义引导程序，也许您可以只取您需要的东西（例如只是模态弹出窗口）：http://twitter.github.io/bootstrap/customize.html

【讨论】：