ons-splitter-sideの追加について

Question

以下のページのtoolbar部分にsplitterの機能を追加しようとしましたが、うまく行きません。
プロジェクトを開始する際のテンプレートのsplitterを参考にしていました。どこにどのように追加していけばよいのかを教えてください。

<ons-navigator title="Navigator" id="myNavigator">
        <ons-page>
            <ons-toolbar>
                <div class="center">Project</div>
            </ons-toolbar>
       
            <div style="text-align: center">
                <div style="padding: 7px">
                    <ons-button modifier="light" onclick="countReset(); timerStart(); myNavigator.pushPage('q1.html', { animation : 'slide' } );">
                        開始
                    </ons-button>
                    <ons-button modifier="light">
                        管理
                    </ons-button>
                </div>
            </div>            
        </ons-page>
    </ons-navigator>