css - 将普通 CSS "style"与 Bootstrap "class"混合使用是好习惯吗？

Question

同时使用纯 CSS 内联“style”和 React-Bootstrap“className”是一种不好的做法吗？

    <FormControl
        type="search"
        placeholder="Search"
        aria-label="Search"
        className="me-2"
        style={{ width: "500px" }}
    />

Answer 1

由于 CSS specificity，您可以使用内联样式覆盖 Bootstrap 样式.但是如果你需要在多个地方使用相同的特定自定义样式重用一个 Bootstrap 组件，你应该只用 SASS 自定义一次 Bootstrap 组件。这确保您的部分重复样式更少。 See this .

但如果您想拥有独特的自定义组件，我真的会建议实用程序优先的框架(如 tailwind)。