The menu is on the left and just to see how it's rendered I put a selectbox under the user picture

<div class="form-group" style="margin:10px 5px;">
    <label>My Selectbox</label>
    <select class="form-control">
        <option value="">Select Diam Quality</option>
        <option value="1">SIGHI</option>
        <option value="2">I1GHI</option>
        <option value="3">SIJK</option>
        <option value="4">VSGHI</option>
        <option value="5">VVSGHI</option>
        <option value="6">VVSDEF</option>
    </select>
</div>
                    

Menu is instantiated as the basic example.

$(document).ready(function () {
    $('#test').BootSideMenu({
        side: "left"
    });
});

As a user request I introduced a way to customize menu icons. See it in the next example.