title: Highchart is not showing inside bootstrap div
body: <p>i am rendering highchart inside the bootstrap div. thing is it does not load. when i remove bootrap class its working fine. how i render chart in side the div with bootstrap class.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$('#container').highcharts({
    chart: {
      type: 'pie'
    },
    title: {
      text: 'Container Utilization'
    },
    xAxis: {
      type: 'category'
    },
    credits: {
      enabled: false
    },
    legend: {
      enabled: false
    },
  
    plotOptions: {
      series: {
        borderWidth: 0,
        dataLabels: {
          enabled: true,
        }
      }
    },
  
    series: [{
      name: 'Utilization',
      colorByPoint: true,
      data: [{
        name: 'Utilized',
        y: 5,
        drilldown: 'u'
      }, {
        name: 'Unutilized',
        y: 4,
        drilldown: 'un'
      }]
    }],
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>this 
  
  &lt;div id="container" class="col-md-6"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>