title: how to split screen into two halves of 20/80 or 30/70 in HTML?
body: <p>I have the following structure in HTML:</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col&quot;&gt;
         &lt;div class=&quot;leftside&quot;&gt;
          ...leftside content here...
         &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;col&gt;
          &lt;div class=&quot;rightside&gt;
          ...rightside content here...
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>However, this results into my page being split into 2 halves. I would like to have my leftside be 30% of the page, and the rightside 70%. How can I do this easily?</p>
  <p>I'm working in the Django with Bootstrap.</p>