Как сделать так, чтобы кнопки выровнялись по горизонтали

Question

Я попытался выровнять код (связанный), чтобы кнопки были выровнены по горизонтали и сложены. Любой совет? Новое в этой работе с CSS / Bootstrap. http://jsfiddle.net/kuedrgoL/

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>

    <div id="listmenu">
    <div class="mini-layout fluid">
    <div class="mini-layout-sidebar2">
    <p><a class="btn btn-primary btn-sm btn-block" href="index.cfm">Program Home</a></p></div>
    </div>
    <div class="mini-layout fluid">
     <div class="mini-layout-sidebar2">
    <p><a class="btn btn-primary btn-sm btn-block" href="Courses.cfm">Course Descriptions</a></p>
    </div>
    </div>
    <div class="mini-layout fluid">
    <div class="mini-layout-sidebar2">
    <p><a class="btn btn-primary btn-sm btn-block" href="Optional.cfm">Optional Learning</a></p>
    </div>
    </div>