title: Is there any way to prevent Bootstrap from applying to select components?
body: <p>I'm working on a Gatsby site that uses <code>react-bootstrap</code>.</p>
  <p>I'm trying to add search functionality using Algolia but the bootstrap theming is overriding the local theming and messing with the design of the search component.</p>
  <p>I'm wondering if there is a way on a per-component basis to prevent the bootstrap styling from being applied other than explicitly overriding each element's CSS?</p>
  <p>I have seen a few old questions regarding removing Bootstrap from an individual element but not regarding removing Bootstrap from individual React components. Hoping there is a simple solution.</p>