css - React-Bootstrap 中较小的“输入”

Question

我怎样才能变小Input？

这是默认语法：

<Input type='text' value='' placeholder='Enter Entity'/>

这将导致：

不幸的是，与按钮不同，bsSize='xsmall'在这种情况下不起作用。知道如何使它们变小吗？（像这里的按钮）

Answer 1

将类input-lg用于较大的输入，或者在您的情况下input-sm用于较小的输入。这是基本的引导行为。

另请参阅此 Bootstrap 页面以获取更多信息，该页面与输入组一起使用

Answer 2

将此添加到您的CSS：

input{
    width: 150px;
    height: 50px;
}