如何在我的代码中为几行加载自定义 CSS？

Question

I want to use Bootstrap for dropdown content, and it works perfectly fine, however, it than overrides the default CSS I'm using on my website and most of the things are looking awful below that button. I have tried to unload the CSS (Bootstrap) after I don't need it with the following code, but it is not working.

<script type="text/javascript">
  jQuery('link[href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"]').prop('disabled', true);
</script>

Answer 1

Link your default.css file below the bootstrap.css. default.css style definitions will override bootstrap.css

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="default.css">