title: Container sizing in Bulma.io
body: <p>I have started to learn Bulma. I want to minimize container's (grey area in the picture) size in x-axis so I can embed elements into.Couldn't find any related content in documents. Here is my source code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8" it&gt; 
      &lt;title&gt;Title&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;section class="hero is-medium"&gt;
  
      &lt;div class="hero-body has-background-danger"&gt;
          &lt;nav class="navbar has-background-primary"&gt;
              &lt;div class="container has-background-grey-light is-fluid "&gt;
             &lt;/div&gt;
          &lt;/nav&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is the sample view of this code:
  <a href="https://i.stack.imgur.com/bFZej.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/bFZej.jpg" alt="grey area is the one that I want to minimize"></a></p>