Question

我在我的React项目中使用Ant Design，但并不完全了解它是如何工作的。 Ant Design是否具有Bootstrap之类的预定义类？例如，如果我想在Bootstrap中居中放置元素，我会做类似的事情吗？

class="d-flex justify-content-center"

Answer 1

是的 Antd 有预定义的类，比如 bootstrap

如果要使元素居中，请使用 justify="center" 它仅适用于 Row

但是您可以使用@emotion/styled 包自定义antd 元素。

您需要检查按钮并从元素选项卡中获取按钮类

现在您需要为按钮创建自定义样式

第一步：你需要导入@emotion/styled

从“@emotion/styled”导入样式；

第 2 步：现在覆盖按钮的 CSS

const CustomButton = Styled(Button)`
.ant-btn-primary{
 background-color: #4BA461;
}
`

第 3 步现在在你想要的地方使用这个自定义按钮

 <CustomButton>Register</CustomButton>

安装过程

<块引用> <块引用>

npm install --save @emotion/styled

or

<块引用> <块引用>

纱线添加@emotion/styled

了解有关情感/风格的更多信息

Answer 2

是的，这里Ant Design中的CSS属性应用于center='sm'等属性，而在引导程序中，CSS属性应用于justify-content-sm-center等类。