引入bootstrap之后怎么禁止bootstrap的css样式
时间: 2023-08-03 12:07:18 浏览: 146
Bootstrap模态框禁用空白处点击关闭
如果你想禁止bootstrap的css样式,可以通过以下方法实现:
1. 在HTML文件中将bootstrap的CSS文件链接注释掉或删除掉。
2. 在自己的CSS文件中重写或覆盖bootstrap的CSS样式。
例如,如果你想禁止bootstrap的所有按钮样式,可以在自己的CSS文件中添加以下样式:
```
button, input[type="button"], input[type="submit"] {
border: none;
background-color: transparent;
color: inherit;
font-size: inherit;
font-weight: inherit;
}
```
这样,所有的按钮都将不再有bootstrap的样式。
3. 在HTML文件中增加`class`或`id`属性来覆盖bootstrap的CSS样式。
例如,如果你想禁止bootstrap的某个组件的样式,可以给该组件添加一个自定义的`class`或`id`属性,并在自己的CSS文件中覆盖掉bootstrap的样式。
阅读全文