title: How to expand the width size of Input in Semantic React UI?
body: <p>I'm working with Reactjs project, and I use Semantic UI React to beautify the <code>Input</code>. However, it seems that <code>Input</code> is always showed in default size. How can I resize its horizontal width ?  </p>
  
  <ul>
  <li>I follow the instruction on <a href="https://react.semantic-ui.com/usage" rel="noreferrer">Semantic UI React Home page</a>, I put this line of code to Html:</li>
  </ul>
  
  <p><code>&lt;link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.12/semantic.min.css"&gt;&lt;/link&gt;</code></p>
  
  <ul>
  <li>In js file I import:</li>
  </ul>
  
  <p><code>import { Input } from 'semantic-ui-react';</code></p>
  
  <ul>
  <li>and render the input:</li>
  </ul>
  
  <p><code>&lt;Input value={this.state.firstName} onChange={this.handleInputFirstName}/&gt;</code></p>