Hubtel Theme Documentation

Widgets

Widgets can contain a variety of content. In order to create a widget, declare the class .widget-item. To adjust width of the widget, use the .col-md-x classes from Bootstrap.

example :

Cell 1	Cell 2	Cell 3	Cell 4
Cell 1	Cell 2	Cell 3	Cell 4
Cell 1	Cell 2	Cell 3	Cell 4

<div class="widget-item">
        <div class="widget-header">
        <a href="#">Widget Header</a>
        </div>
        <div class="widget-content">
        <table class="table table-custom">
        <tbody><tr>
        <th class="col-md-2">Cell 1</th>
        <th class="col-md-2">Cell 2</th>
        <th class="col-md-2">Cell 3</th>
        <th class="col-md-2">Cell 4</th>
        </tr>
        <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
        <td>Cell 3</td>
        <td>Cell 4</td>
        </tr>
        <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
        <td>Cell 3</td>
        <td>Cell 4</td>
        </tr>
        </tbody></table>
        </div>
        </div>

For native Bootstrap typography classes Bootstrap Documentation

Other Useful resources thay you may find: