React Bootstrap:减少表单输入的宽度

作为React.js的初学者,每次尝试减小引导程序形式的宽度(下面的代码)都是失败的。我尝试使用Google搜索,并检查堆栈是否溢出,但没有得到我需要的确切答案。

<div>
  <h1> Login </h1>
  <form onSubmit={this.handleSubmit}>
    {this.renderInput("username", "Username")}
    {this.renderInput("password", "Password", "password")}
    {this.renderButton("Login")}
  </form>
</div>