jquery - 如何覆盖页面某些部分的默认 Bootstrap 样式

Question

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

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

请帮我解决这个...

Answer 1

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

下面是它的示例代码

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

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