title: How to resize bootstrap <div class="container"> after adding some html code into the page using javascript?
body: <p>Below is my intial webpage code.</p>
  <pre><code>&lt;div class=&quot;row d-flex justify-content-left quiz-container&quot;&gt;
    &lt;div id=&quot;quiz&quot; class=&quot;container&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>This code gets changed to the below code when I run the webpage as I add this using javascript</p>
  <pre><code>&lt;div class=&quot;row d-flex align-items-left justify-content-left quiz-container&quot;&gt;
     &lt;div class=&quot;container&quot; id=&quot;quiz&quot;&gt;
        &lt;div class=&quot;slide active-slide&quot;&gt;
           &lt;div class=&quot;question&quot;&gt;
              &lt;p style=&quot;line-height:1.3&quot;&gt; Who invented JavaScript? &lt;/p&gt;
           &lt;/div&gt;
           &lt;div class=&quot;answers&quot;&gt;
              &lt;label&gt;
                 &lt;div class=&quot;choice-container&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;question0&quot; value=&quot;A&quot;&gt;
                    &lt;p class=&quot;choice-prefix&quot;&gt;A&lt;/p&gt;
                    &lt;p class=&quot;choice-text&quot;&gt;Douglas Crockford&lt;/p&gt;
                 &lt;/div&gt;
              &lt;/label&gt;
              &lt;label&gt;
                 &lt;div class=&quot;choice-container&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;question0&quot; value=&quot;B&quot;&gt;
                    &lt;p class=&quot;choice-prefix&quot;&gt;B&lt;/p&gt;
                    &lt;p class=&quot;choice-text&quot;&gt;Sheryl Sandberg&lt;/p&gt;
                 &lt;/div&gt;
              &lt;/label&gt;
              &lt;label&gt;
                 &lt;div class=&quot;choice-container&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;question0&quot; value=&quot;C&quot;&gt;
                    &lt;p class=&quot;choice-prefix&quot;&gt;C&lt;/p&gt;
                    &lt;p class=&quot;choice-text&quot;&gt;Brendan Eich&lt;/p&gt;
                 &lt;/div&gt;
              &lt;/label&gt;
              &lt;label&gt;
                 &lt;div class=&quot;choice-container&quot;&gt;
                    &lt;input type=&quot;radio&quot; name=&quot;question0&quot; value=&quot;D&quot;&gt;
                    &lt;p class=&quot;choice-prefix&quot;&gt;D&lt;/p&gt;
                    &lt;p class=&quot;choice-text&quot;&gt;KJ Munro&lt;/p&gt;
                 &lt;/div&gt;
              &lt;/label&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>There are multiple (div class=&quot;slide&quot;) inside the &quot;quiz&quot; division. I want to change the height of quiz division depending on the size of active slide</p>