title: How can I use grid layout with Fluent UI React
body: <p>After I install @fluentui/react, I try to use grid like this doc <a href="https://developer.microsoft.com/en-us/fluentui#/styles/web/layout" rel="nofollow noreferrer">https://developer.microsoft.com/en-us/fluentui#/styles/web/layout</a></p>
  
  <pre><code>ReactDOM.render(
    &lt;React.StrictMode&gt;
        &lt;div className="ms-Grid" dir="ltr"&gt;
            &lt;div className="ms-Grid-row"&gt;
                &lt;div className="ms-Grid-col ms-sm4 ms-xl4"&gt;A&lt;/div&gt;
                &lt;div className="ms-Grid-col ms-sm8 ms-xl8"&gt;B&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/React.StrictMode&gt;,
    document.getElementById('root')
  );
  </code></pre>
  
  <p>But It does not work,other control components work just fine.
  Did I miss something?</p>
  
  <p>Their docs only mention npm package.</p>