Бутстрап 4 джумботрона в гамбургер

Question

<div class="jumbotron col-md-4 lftmargin">
    <div class="anyClass">
        <form action="takeExam" method="post">
            <input type="hidden" name="studentRollNo"                                 value="${session.getAttribute('studentRollNo')}"/>
            <input type="hidden" name="examId" value="${examId}"/>
            <input type="hidden" id="qNo" name="questNo" value=""/>
            <#list questionList as i>
            <button type="submit" id="${i.questionNo}" class="btn btn-secondary change" data-view=${i.questionNo} name="VIEW_INDEX" value="${i_index}">${i_index+1}</button>
            </#list>
        </form>
    </div>
</div>

У меня был этот код, в котором я хочу изменить значок jumbotron на значок гамбургера при просмотре на мобильных устройствах.