Scheduller in a bootstrap grid

Hi
I try to add the scheduller in a bootstrap grid … and it fails (headers are loaded correctly, I just didn’t add them as they are in rails)
The scheduller appear correctly il I remove the grid system

My code :

<div class="col col-sm-4">
  menu
</div>

<div class="col col-sm-8">
<div id="scheduler_here" class="dhx_cal_container" style='width:80%; height:80%; margin:auto'>
  <div class="dhx_cal_navline">
    <div class="dhx_cal_prev_button">&nbsp;</div>
    <div class="dhx_cal_next_button">&nbsp;</div>
    <div class="dhx_cal_today_button"></div>
    <div class="dhx_cal_date"></div>
    <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
    <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
    <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
  </div>
  <div class="dhx_cal_header"></div>
  <div class="dhx_cal_data"></div>
</div>

</div>

<script type="text/javascript">
    document.addEventListener("turbolinks:load", function(event) {
        console.log("DOM fully loaded and parsed");
        scheduler.init('scheduler_here', new Date(),"week");
    });
</script>

it works when I work without a grid, but inside a grid it just fails :frowning:

I don’t care using a grid, I just try to have a left side menu

Any clue ?
Any healp will be greatly appreciated (and you can notive I’m not a css / javascript guru)

Regards

Gregoire

Hi,
Unfortunately I haven’t an answer what causes the issue.
The only sample with bootstrap we have is the next one docs.dhtmlx.com/scheduler/sampl … strap.html
Possibly you have CSS conflict, but it’s just an assumption.