title: React-Bootstrap | My own examples look different to the documentation
body: <p>I'm trying to use <code>Forms</code> in React-Bootstrap, but when I copy paste the exact code from the documentation, my form is different to theirs.</p>
  <p>I followed the <a href="https://react-bootstrap.github.io/getting-started/introduction" rel="nofollow noreferrer">installation guide</a> running <code>npm install react-bootstrap@next bootstrap@5.1.1</code> in my terminal. In my <code>package.json</code>, I have <code>&quot;bootstrap&quot;: &quot;^5.1.1&quot;</code> and <code>&quot;react-bootstrap&quot;: &quot;^2.0.0-rc.1&quot;</code> as dependencies. I also have <code>import 'bootstrap/dist/css/bootstrap.min.css'</code> in my <code>index.js</code>.</p>
  <p>But when I run the first example from the <a href="https://react-bootstrap.github.io/components/forms/" rel="nofollow noreferrer"><code>Forms</code> documentation</a></p>
  <pre><code>&lt;Form&gt;
    &lt;Form.Group className=&quot;mb-3&quot; controlId=&quot;formBasicEmail&quot;&gt;
      &lt;Form.Label&gt;Email address&lt;/Form.Label&gt;
      &lt;Form.Control type=&quot;email&quot; placeholder=&quot;Enter email&quot; /&gt;
      &lt;Form.Text className=&quot;text-muted&quot;&gt;
        We'll never share your email with anyone else.
      &lt;/Form.Text&gt;
    &lt;/Form.Group&gt;
  
    &lt;Form.Group className=&quot;mb-3&quot; controlId=&quot;formBasicPassword&quot;&gt;
      &lt;Form.Label&gt;Password&lt;/Form.Label&gt;
      &lt;Form.Control type=&quot;password&quot; placeholder=&quot;Password&quot; /&gt;
    &lt;/Form.Group&gt;
    &lt;Form.Group className=&quot;mb-3&quot; controlId=&quot;formBasicCheckbox&quot;&gt;
      &lt;Form.Check type=&quot;checkbox&quot; label=&quot;Check me out&quot; /&gt;
    &lt;/Form.Group&gt;
    &lt;Button variant=&quot;primary&quot; type=&quot;submit&quot;&gt;
      Submit
    &lt;/Button&gt;
  &lt;/Form&gt;
  </code></pre>
  <p>I get this</p>
  <p><a href="https://i.stack.imgur.com/Obz7K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Obz7K.png" alt="enter image description here" /></a></p>
  <p>Instead of this
  <a href="https://i.stack.imgur.com/K2YmS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K2YmS.png" alt="enter image description here" /></a></p>
  <p>How do I go about making my output look like the documentation?</p>