Bootstrap grid within a Widget

[Mauro15]

Hi all, I don't understand why the bootstrap grid does not work within a widget.

Regardless of what I specify in the column width (like col-md-6 or col-lg-4) all columns have a 100% width (12)...other bootstrap components like panels work well, but it looks like the grid itself is not enabled.

Any ideas?

Thanks

[Pranav Bhagat · Accepted solution]

Hi Mauro

I used this code in the widget and its working fine

<div class="container-fluid">
  <h1>Hello World!</h1>
  <div class="row">
    <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
    <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div>
    <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
  </div>
</div>

Regards

Pranav

[Mauro15]

Thanks a lot, it was just a cache issue on my end...too much prosecco during these holidays 😄 cheers

[Pranav Bhagat]

Great 🙂 , Please mark the correct answer to close the thread.