React-Bootstrap中的“输入”较小

Question

如何制作较小的Input？

以下是默认语法：

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

哪会导致：

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

Answer 1

对较大的输入使用类input-lg，对于较小的输入使用input-sm。这是基本的Bootstrap行为。

另请参阅this Bootstrap page以获取更多信息，其中包含输入组

Answer 2

将此添加到您的Css：

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